Poinformuj AngularJs, aby zwrócił nową instancję za pomocą Dependency Injection

Question

Przypadek użycia jest prosty: Mam dwa kontrolery współużytkujące tę samą zależność MyService. Ta usługa trzyma pewien stan, pozwala usiąść myVariable. Jeśli ustawię go z ControllerOne, zostanie on również zauważony przez ControllerTwo.

Potrzebuję, aby każdy kontroler posiadał własną instancję MyService, dzięki czemu myVariable może być zmieniany przez każdy kontroler bez wpływu na drugi.

Mówiąc innymi słowami - Chcę zostać zwrócone przez Dependency Injection, zamiast singletonnową instancję.

Answer 1

Nie tak bezpośrednio, jak możesz mieć nadzieję. Instancje serwisowe są tworzone przy pierwszym pobieraniu przez wtryskiwacz i utrzymywane przez wtryskiwacz ... Innymi słowy, są to pojedyncze egzemplarze. The magic happens in here, szczególnie spójrz na funkcję provider, która umieszcza instancję dostawcy w obiekcie providerCache.

Ale nie tracić nadziei, można równie łatwo dodać konstruktorów na cokolwiek to jest chcesz udostępniać w Serwisie, jeśli tak wybrał:

app.factory('myService', [function() { 
    var i = 1; 

    function Foo() { 
     this.bar = "I'm Foo " + i++; 
    }; 

    return { 
      Foo: Foo 
    }; 
}]); 

app.controller('Ctrl1', function($scope, myService) { 
    $scope.foo = new myService.Foo(); 
    console.log($scope.foo.bar) //I'm Foo 1 
}); 

app.controller('Ctrl2', function($scope, myService) { 
    $scope.foo = new myService.Foo(); 
    console.log($scope.foo.bar) //I'm Foo 2 
}); 

EDIT: jak PO zwrócił uwagę, istnieje również $injector.instantiate, którego można użyć do wywołania konstruktorów JavaScript poza kontrolerem. Nie jestem pewien, jakie są implikacje tutaj testowalności, ale daje to inny sposób na wstrzyknięcie kodu, który skonstruuje dla ciebie nowy obiekt.

Answer 2

Istnieje wiele opcji ogólnych dla modularyzacji kodu JavaScript, ale jeśli chcesz zrobić coś, co opiera się wyłącznie na angularjs, ten wzór działa:

1) najpierw zdefiniować klasę, którą chcesz wprowadzić wiele razy:

function MyClass() { 
    // ... 
} 

MyClass.prototype.memberMethod = function() { 
    // ... 
} 

2) Następnie należy dokonać konstruktora dostępne jako Constant:

angular.module('myModule').constant('MyClass', MyClass); 

3) Wreszcie, należy użyć wzoru fabrycznego stworzyć nazwane, wstrzykiwania instancjami klasy:

angular.module('myOtherModule', ['myModule']).factory('instanceOfMyClass', [ 
    'MyClass', 
    function(MyClass) { return new MyClass(); } 
]);