AngularJS trigger and watch object value change in service from controller
Try to write $watch by this way:
myApp.controller('MyCtrl', function($scope, myService) { $scope.setFTag = function() { myService.setFalseTag(); }; $scope.$watch(function () { return myService.tags; }, function(newVal, oldVal) { /*...*/ }, true);});Demo Fiddle
[EDIT]
Sometimes this way will not work especially if service has been updated from 3d party.
To make it work we must help to angular to fire digest cycle.
Here is an example:
On service side when we want update tags value write something like:
if($rootScope.$root.$$phase != '$apply' && $rootScope.$root.$$phase != '$digest'){ $rootScope.$apply(function() { self.tags = true; }); } else { self.tags = true; }