在需要使用的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
],
...
})