Warum hat $ rootscope. $ New()?

Question

Ich untersuche, wie man Jasmine mit Karma benutzt. Ich versuche, einen Rahmen in meinen Controller zu injizieren und von irgendwo habe ich diesen Code abgeholt ...

var scope = { message: 'hello' }; 

beforeEach(angular.mock.module('myApp')); 

beforeEach(angular.mock.inject(function ($rootScope, $controller) { 

    scope = $rootScope.$new(); 

    $controller('myController', { $scope: scope }); 

})); 

Das Problem ist, dass der Umfang mit der Linie weggewischt wird ...

scope = $rootScope.$new(); 

So kann ich es auskommentieren, aber ich frage mich, wofür die Verwendung dieser Linie ist? Wann möchte ich $rootscope.$new() anrufen? Ich verstehe, dass es mit Isolation zu tun hat, aber ich bekomme nicht wirklich die praktischen Anwendungen davon.

UPDATE: Wie Tim unten hervorhebt, ist es ein Problem, weil ich meinen eigenen Umfang erklärt habe. So kann ich den Code ändern zu sein ....

var scope; 

beforeEach(angular.mock.module('myApp')); 

beforeEach(angular.mock.inject(function ($rootScope, $controller) { 

    scope = $rootScope.$new(); 

    scope.message = 'hello'; 

    $controller('myController', { $scope: scope }); 

})); 

Und das funktioniert mehr wie erwartet, aber ich frage mich immer noch, was der beste Ansatz? Was ist $rootscope.$new() sogar für?

Answer 1

Scopes in Winkel sind in Eltern-Kind-Beziehungen verschachtelt, die alle aus einem einzigen Elternteil Ableitung $rootScope

Dies ist, wie Winkel die $scope erzeugt, die in Ihrem Controller eingespritzt wird, so dass es die gleiche Erfahrung erstellt, wenn Sie Einheit sind Testen Regler.

Dies ist besonders nützlich, wenn Sie etwas in Ihrem Controller tun, die Sie $ apply aufrufen müssen, anstatt Sie dies auch verspotten zu müssen.

Answer 2

$rootScope.$new erstellt eine neue Instanz von $rootScope.Scope, die von $rootScope erbt. Mit anderen Worten, es erstellt einen neuen untergeordneten Gültigkeitsbereich von $rootScope.

Der Grund, warum Sie es in Tests (wie dem, das Sie gepostet haben) verwenden, ist, weil Ihre andere Alternative $rootScope selbst ist. Dies könnte zu Chaos führen, da es überall verwendet werden könnte.

Ich halte es für die beste Vorgehensweise, einen neuen Bereich für jeden Testfall zu erstellen (und danach zu zerstören).

Hier ist dein Beispiel neu geschrieben, was ich eine bewährte Methode betrachten:

describe('myModule', function() { 

    var $rootScope; 

    beforeEach(module('myModule')); 

    beforeEach(function() { 
     inject(function(_$rootScope_) { 
      $rootScope = _$rootScope_; 
     }); 
    }); 

    describe('myController', function() { 

     var $scope; 

     beforeEach(function createChildScopeForTheTest() { 
      $scope = $rootScope.$new(); 
     }); 

     afterEach(function disposeOfCreatedChildScope() { 
      $scope.$destroy(); 
     }); 

     it('tests something', function() { 
      $scope.message = 'hello'; 

      $controller('myController', { $scope: $scope }); 

      expect($scope.something).toEqual('world'); 
     }); 
    }); 
});