Was ist der Unterschied zwischen $ scope. $ Root und $ rootScope?

Question

Ich sehe in Controllern, dass $ Scope hat $ root, was ist das? Wie unterscheidet es sich von $ rootScope, das in den Controller injiziert werden kann?

Answer 1

$rootScope var, die auf die Eltern aller Bereiche zeigt und überall injiziert werden kann. Alle anderen Bereiche sind Kinder der $rootScope. Sie werden über die $new-Methode der $rootScope erstellt, so dass jeder Bereich von der $rootScope erbt.

In der Winkelquelle in der Definition des Scope Konstruktor there is a line:

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

Es scheint, die $root var für this des ersten Bereichs erstellt nur ein Platzhalter ist - $rootScope.

Weiter ist es this piece of code im $new Methode:

$new: function(isolate) { 
     ... 

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

So ist die $root var eines jeden Anwendungsbereich Kind $rootScope ist ein Verweis auf $rootScope. Und alle Kinder dieser Kinder den gleichen Bezug auf $rootScope

Meiner Meinung nach bekommen es besser ist, die $rootScope über Dependency Injection zu verwenden, da es eine explizite und insgesamt häufiger verwendete Weg ist, um das zu verweisen $rootScope

Answer 2

Wie bereits erwähnt, enthält $scope.$root einen Verweis auf die $rootScope.

Leider gibt es einen Unterschied zwischen $scope.$root und unter Verwendung von $rootScope:

1. Wenn $scope ist die Wurzel, seine $root Eigenschaft ist null
2. $scope.$root nur auf isolieren Bereiche zugeordnet: https://github.com/angular/angular.js/blob/v1.3.6/src/ng/rootScope.js#L204

Sie könnten also eine Situation haben, in der $scope.$root ist null. Bessere Verwendung $rootScope statt ...