Angular 入門ノート

CLI

1. 新しいプロジェクトを生成:

ng new PROJECT-NAME

2.Run local server:

ng serve

ポートを指定したい場合：

ng serve --host 0.0.0.0 --port 4201

3.新しいコンポネントを生成：

ng g c COMPONENT-NAME
//Other: ng generate directive|pipe|service|class|guard|interface|enum|module

デフォルトで spec ファイルの追加を無効

ng set defaults.class.spec=false
ng set defaults.component.spec=false

Binding

Interpolation

<h2>{{ title }}</h2>

Property Binding

<image [src]="imageUrl" />

Attribute Binding

<td [attr.colspan]="colspan"></td>

Class Binding

<button class="btn btn-primary" [class.active]="isActive"></button>