angularjs watch service переменные изменения в контроллере и директиве

Question

Я долгое время боролся с $ watch. Я хочу, чтобы $ watch запускался с контроллера и директивы при изменении общей переменной в сервисе. Но по какой-то причине они не срабатывают. Я новичок в Angularjs и, вероятно, неправильно понимаю, как работает часы $. Вот мой экспериментальный код. http://jsfiddle.net/b3A8B/84/

myApp = angular.module('myApp', []); 

myApp.directive('myDirective', ['myService', function(myService) { 
    return { 
     controller: function ($scope, myService) {  
     }, 
restrict: 'A', 
link: function(scope) { 
      $scope.$watch(function() { 
       return myService.tag; 
      }, 

      function(newVal, oldVal) { 
       console.log("Inside directive watch"); 
       console.log(newVal); 
       console.log(oldVal); 
      }, true); 

     } 
    }}]); 

myApp.service('myService', function() { 
    var tags = { 
     a: true, 
     b: true 
    }; 

    var setFalseTag = function() { 
     console.log("Within myService->setFalseTag"); 
     tags.a = false; 
     tags.b = false; 
    }; 

    return { 
      tag: tags, 
      setFalseTagA: setFalseTag 
    }; 
}); 


myApp.controller('MyCtrl', function($scope, myService) { 

    $scope.setFTag = function() { 
     console.log("Within MyCtrl->setFTag"); 
     setTimeout(function(){console.log("delay");myService.setFalseTagA();}, 2000) 
    };   

    $scope.$watch(function() { 
     return myService.tag; 
    }, 

    function(newVal, oldVal) { 
     console.log("Inside controller watch"); 
     console.log(newVal); 
     console.log(oldVal); 
    }, true); 

}); 

Answer 1

Что такое SetTimeout() для? Эта встроенная функция браузера не приведет к грязной проверке, и поэтому ng не заметит изменения (до тех пор, пока следующая грязная проверка не будет вызвана из другого места).

Если вы удалите его или замените его на $ timeout (после инъекции, конечно,), часы срабатывают.