让前端飞每天学点Angular2

angular2:实现input的双向数据绑定

2017-03-31  本文已影响0人  SelinaFFighting

与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中的文本也会相应发生变化。

上一篇 下一篇

猜你喜欢

热点阅读