数据绑定是 Angular 中的核心概念。数据绑定定义了组件和DOM模板之间的通信方式，是的我们构建交互式的应用程序更加方便，不用担心组件和 DOM 之间如何进行通信。

四种方式的数据绑定

数据流从组件到 DOM

• 插值

<li>Name: {{ user.name }}</li>
<li>Email: {{ user.email }}</li>

• 属性绑定：[property]=“value”

<input type="email" [value]="user.email">

<div [style.background-color]="selectedColor">

数据流从 DOM 到组件

• 事件绑定：(event)=“function”

<button (click)="cookPotato()"></button>

双向数据流

• 双向数据绑定: [(ngModel)]=“value”

<input type="email" [(ngModel)]="user.email">