AngularJS - 将提供程序注入模块.config

AngularJS - Inject provider to module.config

本文关键字：注入 模块 config 程序 AngularJS      更新时间：2023-09-26

我做错了什么？
根据文档，我应该能够将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）如果我注入相同的提供程序来配置两个模块，它将是相同的提供程序实例还是两个不同的实例？

谢谢！

您需要添加"提供者"后缀，这就是 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) {
    ...
  }]

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

相关文章：