@Pipe 注册一个管道

管道类似于angularjs的过滤器

@Component 注册一个组件

---

for循环

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

---

属性绑定[]

<img [src]='imgUrl'>

插值绑定 {{}}

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

class[]样式绑定

<p [class.bg-color] = 'true'></p>  // 绑定的class根据后面的值决定

---

父组件往子组件传值

父组件

<my-data [data]='item'></my-data>  // 父组件绑定了一个属性

子组件

class myData {
  @Input()  // 代表这是父组件过来的值
  private data:number = 0;
}

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