What is the difference between $scope.$root and $rootScope?

by

$rootScope var which points to the parent of all the scopes and can be injected everywhere. All other scopes are children of the $rootScope. They are created via the $new method of the $rootScope thus every scope inherits from the $rootScope.

In the angular source in the definition of the Scope constructor there is a line :

 function Scope() {
   this.$id = nextUid();
 ...
 this['this'] = this.$root =  this;
 ...

It seems the $root var is just a placeholder for this of the first scope created – $rootScope.

Next there is this piece of code in the $new method:

  $new: function(isolate) {
      ...

    if (isolate) {
      child = new Scope();
      child.$root = this.$root;
   ...
   return child;

So the $root var of every scope child of $rootScope is a reference to $rootScope. And all the children of those children will get the same reference to $rootScope

In my opinion it is better to use the $rootScope via dependency injection because it is an explicit and overall more frequently used way of referring to the $rootScope

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. $watch an object
  8. ion-content and ion-footer have different $scope
  9. Update parent scope variable in AngularJS
  10. Angularjs: call other scope which in iframe
  11. Angularjs: ‘controller as syntax’ and $watch
  12. Dynamic form name attribute in Angularjs
  13. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  14. AngularJS: open a new browser window, yet still retain scope and controller, and services
  15. Confirmation dialog on ng-click – AngularJS
  16. Genuinely stop a element from binding – unbind an element – AngularJS
  17. ng-click not working in dynamically created content
  18. Ionic Framework: $scope is undefined in simple alert
  19. Scope issues with Angular UI modal
  20. AngularJS using $rootScope as a data store
  21. Angular controller scope not updating after jQuery ajax call
  22. AngularJS event on window innerWidth size change
  23. How to implement hierarchical multilevel datatable in javaScript?
  24. What is the difference between Polymer elements and AngularJS directives?
  25. Show pop-ups the most elegant way
  26. Webstorm: “Cannot Resolve Directory”
  27. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  28. angularjs infinite scroll in a container
  29. AngularJS Promises, $q, defer
  30. Why does setting ng-model to undefined not make the form/input valid again?

Leave a Comment