angularjs input使用ng-model双向绑定无效问题

在开发中有时在input上使用ng-model进行双向绑定时一直不生效的问题

$scope.inputText = 123;
console.log($scope.inputText)
//undefined

而修改变量为

$scope.model = {inputText : 123};
console.log($scope.model.inputText)
//123

绑定的变量却生效了

经过查证终于查清楚原因

''罪魁祸首''就是ng-if

ng-if指令的功能与ng-show指令相似,都用于控制元素的显示与隐藏,但两者又有区别,ng-if指令会移除DOM原有的元素,而ng-show指令只是将元素的”display”属性值设置为”none”。因此,在使用时必须根据实际的需要进行选择性使用。

 ng-if指令会创建一个子级作用域,因此,如果在ng-if指令中添加了元素,并向元素属性增加ng-model指令,那么ng-model指令对应的作


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部