美文网首页让前端飞每天学点Angular2
angular2:实现input的双向数据绑定

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

作者: SelinaFFighting | 来源:发表于2017-03-31 15:20 被阅读0次

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

    相关文章

      网友评论

        本文标题:angular2:实现input的双向数据绑定

        本文链接:https://www.haomeiwen.com/subject/ctyuottx.html