假設我有多個工廠，這些工廠內部具有相同的函式和變數。例如，
var app = angular.module('app', []);
app.factory('employerFactory', function () {
return {
firstName: 'Kristoffer',
lastName: 'Karlsson',
};
});
app.factory('employeeFactory', function () {
return {
firstName: 'Alice',
lastName: 'Guo',
};
});
現在我有一個這樣的控制器：
app.controller('MyController', function($scope, myFactory) {
$scope.firstName = myFactory.firstName;
$scope.lastName = myFactory.lastName;
});
我的問題是如何啟動兩個控制器，一個作為依賴項傳入employeeFactory，另一個是employeeFactory。我知道 routerProvider 可以幫助為不同的 url 路由不同的控制器。我可以對其進行操作以將不同的工廠傳遞給控制器??嗎？就像是
$routeProvider.
when('/a', {
templateUrl: 'test.html',
controller: 'MyController' // should get passed factory 'employerFactory'
}).
when('/b', {
templateUrl: 'test.html',
controller: 'MyController' // should get passed factory 'employeeFactory'
});
uj5u.com熱心網友回復：
只需使用服務作為額外的層來處理切換邏輯，將兩個工廠注入其中，然后創建方法來處理常見功能：
app.service('FactoryService', function($scope, employerFactory, employeeFactory) {
var _mode = 0;
var _factories = [employerFactory, employeeFactory];
return {
setMode: function(mode) {
_mode = mode % (_factories.length - 1);// possibly 0 | 1 in this case, but inject as many factories as you wish
},
getFirstName: function() {
return _factories[_mode].firstName;
},
getLastName: function() {
return _factories[_mode].lastName;
}
}
});
最后將它注入你的控制器，并呼叫它的方法
app.controller('MyController', function($scope, FactoryService) {
// select the first factory (employerFactory)
FactoryService.setMode(0);
$scope.firstName = FactoryService.getFirstName();
$scope.lastName = FactoryService.getLastName();
console.log( $scope.firstName, $scope.lastName);
// select the second factory (employeeFactory)
FactoryService.setMode(1);
$scope.firstName = FactoryService.getFirstName();
$scope.lastName = FactoryService.getLastName();
console.log( $scope.firstName, $scope.lastName);
});
切換邏輯可以基于任何你想要的，這只是它如何作業的一個例子。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/468308.html