angular.js - angular1.x,dom操作与ng数据操作的冲突问题

问题描述

http://codepen.io/anon/pen/JXogBj?editors=1010

如上面的代码所示，点击1:dom操作再点击2:ng操作，标签的值没改，除非点击3:ng操作再点击2:ng操作。有什么方法可以让2: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'; }); });});