@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>
