AngularJS:在多个模块之间共享工厂

时间:2014-02-06 09:35:22

标签: javascript angularjs

假设我有一个名为App的模块,它注入了另外两个名为 factories controllers 的模块:

var app = angular.module("app", ["factories", "controllers", "directives"])
.run(function ($rootScope, userFactory) {
    userFactory.property = "someKickstartValue";
});

工厂模块包含所有工厂:

var factories = angular.module("factories", []),
factory = factories.factory("testFactory", {
     property: "someValue"
});

控制器模块包含所有控制器:

var controllers = angular.module("controllers", ["factories"]),
controller = controllers.controller("controller", function ($scope, testFactory) {
    console.log(testFactory.property); // Returns "Some Value" and not 
                                       // "someKickstartValue" as expected.
});

实际问题:

为什么“someKickstartValue”不适用于控制器?据我所知,模块 app 有自己的 testFactory 实例,模块控制器也有它自己的,所以不能是通过工厂在模块之间共享的任何信息。有办法解决,还是我弄错了?

2 个答案:

答案 0 :(得分:6)

我通过删除控制器的“工厂”依赖来修复它。

var controllers = angular.module("controllers", []),
controller = controllers.controller("controller", function ($scope, testFactory) {
    console.log(testFactory.property); // Returns "someKickstartValue" as expected
});

因为我现在不将 factories 声明为依赖项,所以 controllers 模块不会创建它自己的 factories 实例并且可以访问注入控制器模块的 app 模块的实例。

答案 1 :(得分:3)

我遇到了同样的问题。我用以下方式解决了它:

// modules.js
(function (angular) {
    angular.module("shared", []);
    angular.module("user", ["shared"]);
    angular.module("admin", ["shared"]);
})(window.angular);

此类结构允许在其他模块中使用附加到共享模块的工厂,服务和指令。