Watch multiple $scope attributes

by

Starting from AngularJS 1.3 there’s a new method called $watchGroup for observing a set of expressions.

$scope.foo = 'foo';
$scope.bar="bar";

$scope.$watchGroup(['foo', 'bar'], function(newValues, oldValues, scope) {
  // newValues array contains the current values of the watch expressions
  // with the indexes matching those of the watchExpression array
  // i.e.
  // newValues[0] -> $scope.foo 
  // and 
  // newValues[1] -> $scope.bar 
});

More Related Contents:

  1. Share data between AngularJS controllers
  2. Delete firebase data older than 2 hours
  3. JavaScript: remove event listener
  4. How to pass parameters using ui-sref in ui-router to controller
  5. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  6. Difference between “change” and “input” event for an `input` element
  7. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  8. Maintain model of scope when changing between views in AngularJS
  9. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  10. use $http inside custom provider in app config, angular.js
  11. What is the difference between & vs @ and = in angularJS
  12. Click everywhere but here event
  13. SyntaxError: expected expression, got ‘
  14. Turn off URL manipulation in AngularJS
  15. Can the unload Event be Used to Reliably fire ajax Request?
  16. Angularjs ui-router not reaching child controller
  17. How to read response headers in angularjs?
  18. jQuery prevent change for select
  19. adding event listener cross browser [closed]
  20. angularJS display base64 image
  21. CSS: Change parent on focus of child
  22. Monitor all JavaScript events in the browser console
  23. How can I stop an onclick event from firing for parent element when child is clicked?
  24. ScrollTo function in AngularJS
  25. Listen for changes with localStorage on the same window
  26. AngularJS ng-repeat handle empty list case
  27. Retain scroll position on route change in AngularJS?
  28. Setting application wide HTTP headers in AngularJS
  29. Clear localStorage on tab/browser close but not on refresh
  30. Angular controller scope not updating after jQuery ajax call

Leave a Comment