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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM