解决angularjs WdatePicker ng-model的问题
2018-09-13 14:22
781 查看
假设我们在项目中需要用到WdatePicker以及angularjs,并有如下的代码:
<div> <div class="h4">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly" onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})" style="width: 400px; cursor: pointer;" /> </div>
这样的代码,问题就在于,当你需要进行提交的时候,你会发现$scope.text.ddd是没有值的。
解决方案是加一个onChange="",代码变为如下:
<div> <div class="h4">ddd{{text.bbb}}</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly" onChange="" onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})" style="width: 400px; cursor: pointer;" /> </div>
是的,只要加入这个就可以了。当然,你可能会注意到还有一些变动的是,ddd{{text.bbb}},我之所以这样写是为了解决一个疑惑的。这个疑惑就是,你加上onChange=""之后,哪怕你选择了日期,但是{{text.bbb}}也是取不出值来的,而且你输出一下$scope.text.ddd也还是undefined的,这个时候你可能会以为onChange=""无效。但是,其实不是这样的,当你提交数据时,你会发现它的确是被提交了的。
相关文章推荐
- angularjs WdatePicker ng-model问题解决
- 【AngularJS】解决ng-if中的ng-model值无效的问题
- 【AngularJS】解决ng-if中的ng-model值无效的问题(转)
- AngularJS解决ng-if中的ng-model值无效的问题
- 【AngularJS】解决ng-if中的ng-model值无效的问题
- angularJS之ngModel绑定日期类型出现错误Angular error:datefmt的解决办法
- angularJs中ng-repeat遍历动态生成的表单元素绑定ng-model无效的问题
- 完美解决angularjs的ng-click事件不起作用问题
- angularjs在ng-repeat中使用ng-model遇到的问题
- angularjs在ng-repeat中使用ng-model遇到的问题
- 解决ng-repeat产生的ng-model中取不到值的问题
- 解决AngularJS中ng-repeat不更新视图的问题
- 【Angularjs】ng-repeat中使用ng-model遇到的问题
- AngularJS最理想开发工具WebStorm(解决用WS编写ng的问题)
- 解决angular双向绑定无效果,ng-model不能正常显示的问题
- Angularjs 初始化未加载完毕闪烁问题解决 ng-cloak
- Ng-cloak解决angularJs中的闪烁问题
- AngularJS学习之ng-if嵌套ng-model变量冲突解决
- Ng-cloak解决angularJs中的闪烁问题
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题