angular双向绑定

在需要使用的HTML中使用[(ngModel)]进行数据绑定：

<div>
  <span>name:</span>
  {{hero.name}}
</div>

<div>
  <label>
    name:
    <input  [(ngModel)]="hero.name" placeholder="name">
  </label>
</div>

如果直接使用会报错，需要在app.module.ts中导入‘FormsModule’：

import  {FormsModule} from "@angular/forms";
然后把 FormsModule 添加到 @NgModule 元数据的 imports 数组中，这里是该应用所需外部模块的列表：

@NgModule({
...

imports: [
  BrowserModule,
  AppRoutingModule,
  FormsModule
],
...
})