与angular1不同的是,input中双向绑定数据不再使用ng-bind指令,而是ngModel内置指令,并且需要导入FormsModule模块。
导入FormsModule模块,并添加到imports数组,该数组包含了应用中使用的外部模块。
import { FormsModule } from '@angular/forms';
@ngModule({
imports: [ FormsModule]
})
这个模块就包含了ngModel指令。
my name is <span>{{name}}</span>
<input [(ngModel)]="name" />
当改变<input>标签里的值时,span中的文本也会相应发生变化。
网友评论