Call Angular-function upon $scope-variable change

Question

I am new to AngularJS and trying to set up a function that gets called upon whenever a variable is changed.

Currently I have a dropdown-menu, with ng-model bound to a $scope.userRating. And I am trying to get a function that gets called immediately when the user changes the value using the dropdown.

I have been looking at $watch, but not quite sure on how to get it to work. I also tried to make a ng-click function on the in the html, but ng-clicks don't seem to trigger.

Anita · Accepted Answer · 2015-04-14 16:55:01Z

10

You should use $watch . Example-

 $scope.$watch('modalVarible',function(newVal,oldVal){
//do your code
}

Here on the change of variable 'modalVarible' this watch will be called.

answered Apr 14, 2015 at 16:55

Anita

2,4102 gold badges21 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3056656 Over a year ago

I tried doing that Anita. Just a quick $scope.$watch((userRating), function(newvalue, oldvalue){ console.log(userRating); }) However, it seems to only be called when I visit the partial, and not when changing the variable :/

Anita Over a year ago

Then what error it gives ? And it should be $scope.$watch('userRating',.. without brackets

user3056656 Over a year ago

That worked! Thanks, apparently it was just the formatting of what I had in the paranthesis. Thank you Anita!

ChrisF · Accepted Answer · 2017-09-25 15:21:46Z

0

we can use $watchGroup in controller of our directive to bind $scope variable changes (bidirectional)

$scope.$watchGroup(['var1','var2'],function () {

});

you can also check this question.

edited Sep 25, 2017 at 15:21

ChrisF

138k31 gold badges265 silver badges335 bronze badges

answered Sep 25, 2017 at 14:59

Abdallah Okasha

2,19920 silver badges20 bronze badges

Collectives™ on Stack Overflow

Call Angular-function upon $scope-variable change

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related