Yêu cầu AngularJs trả lại một cá thể mới thông qua Dependency Injection

Question

Trường hợp sử dụng rất đơn giản: Tôi có hai bộ điều khiển chia sẻ cùng một sự phụ thuộc MyService. Dịch vụ này đang giữ một số trạng thái, cho phép ngồi myVariable. Nếu tôi đặt nó từ ControllerOne, thì nó cũng sẽ được phát hiện bởi ControllerTwo.

Điều tôi muốn là cho mỗi bộ điều khiển có thể hiện riêng của nó là MyService, sao cho myVariable có thể được thay đổi bởi mỗi Bộ điều khiển mà không ảnh hưởng đến bộ điều khiển kia.

Nói cách khác - tôi muốn trường hợp mới được trả về bởi Dependency Injection, thay vì singleton.

Answer 1

Không trực tiếp như bạn mong đợi. Các thể hiện dịch vụ được tạo ra lần đầu tiên chúng được lấy bởi bộ phun và được duy trì bởi bộ phun ... nói cách khác, chúng luôn luôn là các bộ đơn. The magic happens in here, đặc biệt nhìn vào hàm provider, trong đó đặt cá thể nhà cung cấp trong đối tượng providerCache.

Nhưng đừng mất hy vọng, bạn có thể cũng giống như dễ dàng thêm nhà xây dựng cho bất cứ điều gì bạn muốn chia sẻ trong một dịch vụ, nếu bạn để chọn:

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: như OP chỉ ra, đó cũng là $injector.instantiate, mà bạn có thể sử dụng để gọi các nhà thầu JavaScript bên ngoài bộ điều khiển của mình. Tôi không chắc chắn những gì các tác động là của testability ở đây, nhưng nó cung cấp cho bạn một cách khác để tiêm mã sẽ xây dựng một đối tượng mới cho bạn.

Answer 2

Có rất nhiều các phương án chung cho modularizing mã JavaScript, nhưng nếu bạn muốn làm một cái gì đó mà chỉ dựa vào AngularJS, mô hình này hoạt động:

1) Trước tiên xác định các lớp mà bạn muốn tiêm nhiều lần:

function MyClass() { 
    // ... 
} 

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

2) Tiếp theo, làm cho các nhà xây dựng sẵn như là một hằng số:

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

3) Cuối cùng, sử dụng các mô hình nhà máy để tạo ra các trường hợp được đặt tên, được tiêm của lớp học:

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