javascript – AngularJS – 向module.config注入提供程序

前端之家收集整理的这篇文章主要介绍了javascript – AngularJS – 向module.config注入提供程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做错了什么?
根据文档,我应该能够将提供程序注入到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)如果我将同一个提供者注入两个模块的配置,它将是提供者的同一个实例,它将是两个不同的实例?

谢谢!

解决方法

@H_502_17@ 你需要添加“提供者”后缀,这就是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’,…)

原文链接:https://www.f2er.com/js/151580.html

猜你在找的JavaScript相关文章