開始行:
* 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!!'); } } メタデータに名前（セレクタ）やテンプレート、スタイルを書... Componentを用意して組み合わせていくのが最近の向きらしいで... * Componentを利用する [#e2292675] - exportしたクラスをimportして import {AlertButtonComponent} from './alert-button.compo... - メタデータのdirectivesに追加して - メタデータのtemplateで使う @Component({ selector: 'my-app', template: ` <h1>My First Angular 2 App R2</h1> <alert-button></alert-button> `, directives: [AlertButtonComponent] }) Componentはselectorで名前がついているので、使う側はその名... * ソースコード [#u7db3f15] - [[til/javascript/angular2/angular2-practical-ABC-r2 at ... * 参考 [#xf87cf66] - [[Angular2のコンポーネント、bootstrap関数の概要 | VPSサ...

終了行:
* 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!!'); } } メタデータに名前（セレクタ）やテンプレート、スタイルを書... Componentを用意して組み合わせていくのが最近の向きらしいで... * Componentを利用する [#e2292675] - exportしたクラスをimportして import {AlertButtonComponent} from './alert-button.compo... - メタデータのdirectivesに追加して - メタデータのtemplateで使う @Component({ selector: 'my-app', template: ` <h1>My First Angular 2 App R2</h1> <alert-button></alert-button> `, directives: [AlertButtonComponent] }) Componentはselectorで名前がついているので、使う側はその名... * ソースコード [#u7db3f15] - [[til/javascript/angular2/angular2-practical-ABC-r2 at ... * 参考 [#xf87cf66] - [[Angular2のコンポーネント、bootstrap関数の概要 | VPSサ...

ページ名: