AngularJS wyzwalacz i obserwacja zmiany wartości obiektu w usłudze ze sterownika
Próbuję obserwować zmiany w usłudze ze strony kontrolera. Próbowałem różnych rzeczy opartych na wielu qns tutaj na stackoverflow, ale nie mogłem tego zrobić.
html:
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<div ng-click="setFTag()">Click Me</div>
</div>
</div>
javascript:
var myApp = angular.module('myApp',[]);
myApp.service('myService', function() {
this.tags = {
a: true,
b: true
};
this.setFalseTag = function() {
alert("Within myService->setFalseTag");
this.tags.a = false;
this.tags.b = false;
//how do I get the watch in MyCtrl to be triggered?
};
});
myApp.controller('MyCtrl', function($scope, myService) {
$scope.setFTag = function() {
alert("Within MyCtrl->setFTag");
myService.setFalseTag();
};
$scope.$watch(myService.tags, function(newVal, oldVal) {
alert("Inside watch");
console.log(newVal);
console.log(oldVal);
}, true);
});
Jak mogę uruchomić zegarek w kontrolerze?