angular4.0中form表单双向数据绑定正确姿势
2017-10-19 14:54
811 查看
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">
相关文章推荐
- Bootstrap + AngularJS 双向数据绑定Form表单测试
- vue2.0数据双向绑定与表单bootstrap+vue组件
- ExtJs4 中 获取grid列表数据绑定到form表单
- jQuery实现获取form表单内容及绑定数据到form表单操作分析
- vue.js表单数据双向绑定
- AngularJs中的双向向数据绑定(MVVM)与表单处理相关指令
- spring MVC中前端提交Form表单在controller中的数据绑定
- vue教程1-01 v-model 一般表单元素(input) 双向数据绑定
- Extjs创建form表单以及绑定动态数据到grid
- Vue.js实现双向数据绑定(表单自动赋值、表单自动取值)
- Struts 中form表单提交(数据绑定)
- Angular2学习笔记.4、表单相关,双向数据绑定,HeroForm
- 双向绑定底层剖析(用于自定义组件双向数据绑定和非form表单元素)
- Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
- vue自定v-model实现表单数据双向绑定问题
- jQuery插件:Ajax将Json数据自动绑定到Form表单
- Atitit vue.js 把ajax数据 绑定到form表单
- 双向数据绑定-表单
- Atitit vue.js 把ajax数据 绑定到form表单
- (三)关于kendo IU表单form各类控件的数据绑定