angular 数据绑定的四种形式

<div>
    <li>{{hero.name}}</li><app-hero-detail [hero]="selectedHero"></app-hero-detail><li (click)="selectHero(hero)"></li>
</div>

1. {{hero.name}}插值表达式在<li>标签中显示组件的hero.name属性的值。

2. [hero]属性绑定把父组件HeroListComponent的selectedHero的值传到子组件HeroDetailComponent的hero属性中。

3. (click) 事件绑定在用户点击英雄的名字时调用组件的selectHero方法。

4. 双向数据绑定是重要的第四种绑定形式，它使用ngModel指令组合了属性绑定和事件绑定的功能   <input [(ngModel)]="hero.name">