$watch an object

by

Call $watch with true as the third argument:

$scope.$watch('form', function(newVal, oldVal){
    console.log('changed');
}, true);

By default when comparing two complex objects in JavaScript, they will be checked for “reference” equality, which asks if the two objects refer to the same thing, rather than “value” equality, which checks if the values of all the properties of those objects are equal.

Per the Angular documentation, the third parameter is for objectEquality:

When objectEquality == true, inequality of the watchExpression is determined according to the angular.equals function. To save the value of the object for later comparison, the angular.copy function is used. This therefore means that watching complex objects will have adverse memory and performance implications.

More Related Contents:

  1. Controller not a function, got undefined, while defining controllers globally
  2. How do I share $scope data between states in angularjs ui-router?
  3. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  4. Losing scope when using ng-include
  5. How to do two-way filtering in AngularJS?
  6. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  7. ion-content and ion-footer have different $scope
  8. Update parent scope variable in AngularJS
  9. Angularjs: call other scope which in iframe
  10. Angularjs: ‘controller as syntax’ and $watch
  11. Dynamic form name attribute in Angularjs
  12. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  13. AngularJS: open a new browser window, yet still retain scope and controller, and services
  14. Confirmation dialog on ng-click – AngularJS
  15. Genuinely stop a element from binding – unbind an element – AngularJS
  16. ng-click not working in dynamically created content
  17. Ionic Framework: $scope is undefined in simple alert
  18. Scope issues with Angular UI modal
  19. AngularJS using $rootScope as a data store
  20. What is the difference between $scope.$root and $rootScope?
  21. Angular controller scope not updating after jQuery ajax call
  22. AngularJS event on window innerWidth size change
  23. Generate PDF from HTML using pdfMake in Angularjs
  24. How to debug angular protractor tests in WebStorm
  25. Using Inline Templates in AngularJS
  26. How can I listen for a click-and-hold in AngularJS?
  27. Extending AngularJs Directive
  28. How can I use an AngularJS filter to format a number to have leading zeros?
  29. Run jQuery code after AngularJS completes rendering HTML
  30. AngularJS Load Data from Service

Leave a Comment