@Pipe 注冊一個管道

管道類似于angularjs的過濾器

@Component 注冊一個組件

for循環(huán)

<li *ngFor='let item in items'>{{item}}</li>

屬性綁定[]

<img [src]='imgUrl'>

插值綁定 {{}}

<p>{{data}}</p>

class[]樣式綁定

<p [class.bg-color] = 'true'></p>  // 綁定的class根據(jù)后面的值決定

父組件往子組件傳值

父組件

<my-data [data]='item'></my-data>  // 父組件綁定了一個屬性

子組件

class myData {
  @Input()  // 代表這是父組件過來的值
  private data:number = 0;
}

<span >{{data}}</span>