javascript - angular $watch 在初始化时被触发？

Question

    var app = angular.module('app', []);

app.controller('TheCtrl', ['$scope', function (scope) {

    scope.user = {
        name: "木士羽",
        email: 'fdaf@qfdsafq.com',
    };

    scope.$watch('user.name', function () {
        console.log('change');
    });

}]);

angular.bootstrap(document.documentElement, ['app']);

当页面加载时，'change' 被打印在控制台中。

$watch 在初始化时被触发。如何避免？

Answer 1

这种方法怎么样:

第一次 oldValue 将等于 newValue，因此通过 if 验证避免这种情况。

$scope.$watch(
      function() {
        return $scope.user.name;
       },
       function(newValue, oldValue) {
           if (oldValue !== newValue) {
               // .....
            }
        });

演示 Fiddle

顺便说一句，最好在观察者中编写 if (oldValue !== newValue){/* ...*/} 以避免在观察下执行额外的代码