首先说一下分类
下面的例子可以解释:
<div><li>{{hero.name}}</li><app-hero-detail [hero]="selectedHero"></app-hero-detail><li (click)="selectHero(hero)"></li></div>
第一个<li>中,{{hero.name}},这是一个插值绑定,就是我们在控制器定义的变量,数据能直接显示到前台。
第二个[hero]属性绑定把父组件HeroListComponent的selectedHero的值传到子组件HeroDetailComponent的hero属性中。
第三个事件绑定给click绑定事件。
双向绑定:这个<input [(ngModel)]="myData">
主要作用:就是模板和控制器保持数据一致
我们在使用的时候要添加angular里的FormsMudule 模块