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

* Componentってなに [#tcfe4078]

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

* Componentを作る [#x8d82e4a]

- @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操作をガリガリするのがもう辛すぎたということでしょう。確かに辛かった。