AngularJS $watch vs $watchCollection: which is better for performance?

The $watchCollection() function is a sort-of mid-ground between the two $watch() configurations above. It’s more in-depth than the vanilla $watch() function; but, it’s not nearly as expensive as the deep-equality $watch() function. Like the $watch() function, the $watchCollection() works by comparing physical object references; however, unlike the $watch() function, the $watchCollection() goes one-level deep and performs an additional, shallow reference check of the top level items in the collection.

see this explanation

Related Posts:

  1. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  2. AngularJS ng-disabled directive with expression is not working
  3. typeerror cannot read property ‘data’ of undefined
  4. nodemon app crashed – waiting for file changes before starting
  5. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  6. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  7. How to format date in angularjs
  8. Angular-ui-router: ui-sref-active and nested states
  9. Unable to resolve dependency tree error when installing npm packages
  10. Understanding STATE in angularJS
  11. What is .$on() in AngularJS
  12. Significance of ng-repeat-start vs ng-repeat
  13. File Upload using AngularJS
  14. AngularJS BootstrapUI Typeahead with object & selection functionality
  15. angular.service vs angular.factory
  16. How do I store data in local storage using Angularjs?
  17. What is .$on() in AngularJS
  18. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  19. `ui-router` $stateParams vs. $state.params
  20. Simple Popup by using Angular JS
  21. $apply already in progress error
  22. Why do i have to call $scope.$digest() here?
  23. ng-repeat :filter by single field
  24. What is deep linking in AngularJS?
  25. Difference between onLoad and ng-init in angular
  26. How do I fix the npm UNMET PEER DEPENDENCY warning?
  27. Submit form on pressing Enter with AngularJS
  28. How to $state.go()
  29. With ng-bind-html-unsafe removed, how do I inject HTML?
  30. How to filter a select with ng-options in Angular?
  31. What is the use of angular ui-mask?
  32. Response for preflight has invalid HTTP status code 403 on angular post request
  33. How to achieve pagination/table layout with Angular.js?
  34. Angular js is front end or backend?
  35. AngularJS Folder Structure
  36. Bare minimum code for AngularJS Carousel
  37. Angular.js: How does $eval work and why is it different from vanilla eval?
  38. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  39. Angularjs ng-view does not work
  40. getting the ng-object selected with ng-change
  41. AngularJS For Loop with Numbers & Ranges
  42. Why is .then not a function?
  43. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
  44. In AngularJS, what’s the difference between ng-pristine and ng-dirty?
  45. AngularJS Modal Popup
  46. Why do we use $rootScope.$broadcast in AngularJS?
  47. how to use ng-option to set default value of select element
  48. What does ngInject do in the following piece of code?
  49. AngularJS: how to implement a simple file upload with multipart form?
  50. How to get all place details from a Place Details Request using Google Places API Web Service?
  51. AngularJS vs Angular [closed]
  52. SyntaxError: Unexpected token o in JSON at position 1
  53. SyntaxError: Unexpected token o in JSON at position 1
  54. SyntaxError: Unexpected token o in JSON at position 1
  55. SyntaxError: Unexpected token o in JSON at position 1
  56. AngularJS- Login and Authentication in each route and controller
  57. TypeError: Cannot read property ‘then’ of undefined
  58. How to Create simple drag and Drop in angularjs
  59. Working with $scope.$emit and $scope.$on
  60. In angularjs we are having ng-disabled directive, why ng-enabled directive is not provided by the framework as we are having ng-show and ng-hide
  61. SyntaxError: Unexpected token o in JSON at position 1
  62. AngularJS : Factory and Service?
  63. AngularJS ngClass conditional
  64. Blocked script execution in because the document’s frame is sandboxed – Angular application
  65. Angular JS Uncaught Error: [$injector:modulerr]
  66. Use of $parse in angular js
  67. How to execute AngularJS controller function on page load?
  68. Using $setValidity inside a Controller
  69. How can I group data with an Angular filter?
  70. Definition of ui-sref in Angular.js?
  71. Angular: Cannot find a differ supporting object ‘[object Object]’
  72. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  73. Disable Chrome strict MIME type checking
  74. Angularjs: Error: [ng:areq] Argument ‘HomeController’ is not a function, got undefined
  75. Error: [ng:areq] from angular controller
  76. Show spinner GIF during an $http request in AngularJS?
  77. SyntaxError: expected expression, got ‘<'
  78. Understanding the ngRepeat ‘track by’ expression
  79. How to pass parameters using ui-sref in ui-router to controller
  80. What does ngf-select do and why is it needed for form validation?
  81. Is Angularjs Clientside or Serverside or Both
  82. why angularjs ng-repeat not working
  83. How to connect signalR from angularJs
  84. How does Angular $q.when work?
  85. Array Mapping in AngularJs
  86. AngularJS errors: Blocked loading resource from url not allowed by $sceDelegate policy
  87. How to use if-else condition with [ngClass] in angular 7?
  88. How do you serve a file for download with AngularJS or Javascript?
  89. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  90. How to redirect to another page using AngularJS?
  91. How npm start runs a server on port 8000
  92. Why is this simple AngularJS ng-show not working?
  93. How to enable CORS in AngularJs
  94. parsing JSONP $http.jsonp() response in angular.js
  95. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  96. What is the cause for “angular is not defined”
  97. $http.get(…).success is not a function
  98. Unexpected token < in first line of HTML
  99. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  100. if else statement in AngularJS templates

Leave a Comment