失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > AngularJS v1.6.3 监听数据变化$scope.$watch不生效问题

AngularJS v1.6.3 监听数据变化$scope.$watch不生效问题

时间:2024-04-26 14:21:22

相关推荐

AngularJS v1.6.3 监听数据变化$scope.$watch不生效问题

在页面使用数据绑定,并且监听的时候发现了$scope.$watch并不生效,代码如下:

<div class="col-sm-2" ng-if="!Show"><label for="Tdg_Mode">提货方式:</label><select ng-model="Tdg_Mode" ng-options="i.Value_Data as i.Value_Desc for i in dataTdg_Mode" id="Tdg_Mode" class="RoleTypeclass form-control" ><option value="">请选择提货方式</option></select></div>

将代码改成如下后可以使用:

<div class="col-sm-2" ng-show="!Show"><label for="Tdg_Mode">提货方式:</label><select ng-model="Tdg_Mode" ng-options="i.Value_Data as i.Value_Desc for i in dataTdg_Mode" id="Tdg_Mode" class="RoleTypeclass form-control" ><option value="">请选择提货方式</option></select></div>

总结:

因为使用了ng-if数据绑定不上,后面改用ng-show之后可以正常的监听到数据的变化。ng-show是通过CSS显示或隐藏DOM节点,而ng-if是真正生成或移除DOM节点。

在生成新的DOM节点之后,并生成了一个新的作用域,他们在不同的作用域中当然监听不到数据的变化。

如果觉得《AngularJS v1.6.3 监听数据变化$scope.$watch不生效问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。