Watcher in AngularJS does not get fired?

Question

I have the following snippet;

vm.products = Product.query();

$scope.$watch("vm.filterType1", function (val) {
            vm.products = $filter('filter')('id', 1);
            console.log('watcher'); 
});

html

<switch ng-model="vm.filterType1" class="green"></switch>

But nothing happends when i change the switch - nothing gets logged in the console? It runs on load, but not on change.

put vm.products = Product.query(); after $scope.$watch. infact $scope.$watch must be first function in controller — Hadi J, Feb 24 '16 at 09:27
$scope.$apply(); use this to trigger a watch ...$watch gets triggered only when digest cycle is called .... — Rajat Bhadauria, Feb 24 '16 at 09:32
$scope.$apply(); will call the digest cycle to check for the value changed if any — Rajat Bhadauria, Feb 24 '16 at 09:33
So i should have a handler for, lets say the switch, which fires $scope.$apply(); on every model change, or? — brother, Feb 24 '16 at 09:38
your code should work ........do you have your controller above your switch tag or are you using some custom directive for this ???? — Rajat Bhadauria, Feb 24 '16 at 10:13
you should know that $scope.$watch watches the changed value only during a digest cycle please refer the below link for more info http://stackoverflow.com/questions/15112584/using-scope-watch-and-scope-apply-in-angularjs?rq=1 — Rajat Bhadauria, Feb 24 '16 at 10:17

score 0 · Answer 1 · answered Feb 24 '16 at 11:07

0

Not excatly an answer, but i used an ng-change event instead, and it worked. Thanks for the comments.

answered Feb 24 '16 at 11:07

brother

7,651
9
34
58

Watcher in AngularJS does not get fired?

1 Answers1