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

Ale*_* Dn 13 javascript angularjs

我做错了什么?
根据文件,我应该能够注入providermodule.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']);

}());
Run Code Online (Sandbox Code Playgroud)

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

谢谢!

elc*_*nrs 31

你需要添加"Provider"后缀,这就是Angular所知道的,但是像shaunhusain在评论中所说的有一些限制:

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) {
    ...
  }]
Run Code Online (Sandbox Code Playgroud)

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

  • 你在小提琴中没有被定义.这是修复.http://jsfiddle.net/g26n3/37/.在配置状态下,您仍然可以完全访问提供程序方法,而无需使用$ get过滤. (3认同)