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

 

转载于:https://www.cnblogs.com/minigrasshopper/p/7692501.html