AngularJS - 向module.config注入提供程序

时间:2013-11-13 22:43:17

标签: javascript angularjs

我做错了什么? 根据文档,我应该可以将provider注入module.config ...但我收到错误 - “未知提供商”

http://jsfiddle.net/g26n3/

(function () {
    "use strict";

    angular.module("ab.core", [])
        .provider("ab.core.provider", function () {
            console.log("ab.core.provider - constructor");
            this.$get = function () {
                console.log("ab.core.provider - get");
                return { value: "test" };
            }
        })
        .config(["ab.core.provider", function (myProvider) { console.log("ab.core - config " + myProvider.value); }])
        .run(function () { console.log("ab.core - run"); });

    angular.module("ab", ["ab.core"])
        .config(["ab.core.provider", function () { console.log("ab - config"); }])
        .run(function () { console.log("ab - run"); });

    angular.bootstrap(document, ['ab']);

}());

其实我这里有三个问题...... 1)如何将ab.core.provider注入ab.core模块的配置 2)如何将同一个提供者(ab.core.provider)注入ab模块的配置 3)如果我将同一个提供者注入两个模块的配置,它将是提供者的同一个实例,或者它将是两个不同的实例?

谢谢!

1 个答案:

答案 0 :(得分:31)

你需要添加“提供者”后缀,这就是Angular所知道的,但是像shaunhusain在评论中说some limitations

http://jsfiddle.net/g26n3/1/

angular.module("ab.core", [])
  .provider("ab.core.provider", function () {

  })
  .config(["ab.core.providerProvider", function(p) {
    ...  
  }]

angular.module("ab", ["ab.core"])
  .config(["ab.core.providerProvider", function(p) {
    ...
  }]

遵循命名约定,使其看起来不错,.provider('camelCase', ...)