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

Question

假设我有一个名为App的模块，它注入了另外两个称为工厂和控制器的模块

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“不适用于控制器？据我所知，模块应用程序有自己的testFactory实例，模块控制器也有自己的实例，因此不能通过工厂在模块之间共享任何信息。有办法绕道吗，还是我弄错了？

Answer 1

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

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

因为我现在不声明工厂是依赖的，所以控制器模块不会创建它自己的工厂实例，并且可以访问注入控制器模块的app模块的实例。

Answer 2

我也面临着同样的问题。我用以下方法解决了这个问题：

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

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