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],...})

原文地址：https://www.cnblogs.com/lljun/p/11969789.html