扫码关注官方订阅号
http://codepen.io/anon/pen/JXogBj?editors=1010
如上面的代码所示,点击1:dom操作再点击2:ng操作,标签的值没改,除非点击3:ng操作再点击2:ng操作。有什么方法可以让2:ng操作总是生效?
1:dom操作
2:ng操作
3:ng操作
1:dom操作,直接改变的View值,但是$scope.name还是123,没有改变,这点很重要
2:ng操作,因为$scope.name还是123,这个时候赋值123,实际上什么都没干
3:ng操作,$scope.name赋值124,这个时候name改变了,angular回去更新view的值,因为值是一样的所以看不出来效果。再点击2:ng操作,$scope.name赋值123,改变了会同步更新view的值。
有点绕
var helloApp = angular.module("helloApp", []); helloApp.controller("HelloCtrl", function($scope) { $scope.name = "123"; $('#domopr').click(function(){ $scope.$apply(function(){ $scope.name = "124"; }); }); });
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
先说明原因
1:dom操作,直接改变的View值,但是$scope.name还是123,没有改变,这点很重要
2:ng操作,因为$scope.name还是123,这个时候赋值123,实际上什么都没干
3:ng操作,$scope.name赋值124,这个时候name改变了,angular回去更新view的值,因为值是一样的所以看不出来效果。再点击2:ng操作,$scope.name赋值123,改变了会同步更新view的值。
有点绕
补充