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">