angular4.0中form表单双向数据绑定正确姿势

issue:用[(ngModel)]="property"指令双向数据绑定,报错。

reason1:使用ngModel绑定数据需要注入FormsModule模块,在app.module.ts中全局注入

@NgModule({
    imports: [
        FormsModule
    ]
})    

 

reason2:不符合ng绑定数据的书写规则

 规则一:在input标签中添加name属性【推荐使用】

<input [(ngModel)]='params.username' name="username" type="text">

 

 规则二:在input标签中添加代码[ngModelOptions]="{standalone: true}"

<input [(ngModel)]='params.username' [ngModelOptions]="{standalone: true}" type="text">

 

posted @ 2017-10-19 14:54  狂奔的小马扎  阅读(2066)  评论(0编辑  收藏  举报