• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• はじめてのAngular2/Componentを作る・利用する へ行く。
  • 1 (2016-07-07 (木) 13:45:46)
  • 2 (2016-07-07 (木) 13:46:16)
  • 3 (2016-07-09 (土) 04:10:15)

Component†

Componentはビューとロジックをもった要素です。

Componentを作る†

• @Component（メタデータ）をつけて

  @Component({
    selector: 'alert-button',
    template: `
      <button (click)="onClick()">Click me!</button>
    `
  })

• classをexportする

  export class AlertButtonComponent{
    onClick(): void {
      window.alert('Hello!!');
    }
  }

メタデータに名前（セレクタ）やテンプレート、スタイルを書きます。Javaでいうところのアノテーションみたいな感じですかね。書き方も似ていますし。classはそのまま、Java同様のクラスですね。そのコンポーネントの属性と振る舞いを書きます。

Componentを用意して組み合わせていくのが最近の向きらしいですね。プログラミングとして新しい概念ではありませんが、jQueryでDOM操作をガリガリするのがもう辛すぎたということでしょう。確かに辛かった。