首先说一下分类
下面的例子可以解释:
<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 模块