javascript - 使用 angular.bootstrap() 时 AngularJs Unknown provider 错误

Question

这是我的代码:

myApp = angular.module("myApp", []);

myApp.config(['$routeProvider', '$controllerProvider', 
                       '$compileProvider', '$filterProvider',  
                       'routeResolver', myConfigFunction] );
angular.bootstrap(document, ['myApp']);    

每当我这样做时，我都会收到错误消息:Unknown provider: routeResolver from myApp

但是，如果我将 angular.bootstrap 移到配置函数之前，即:

myApp = angular.module("myApp", []);
angular.bootstrap(document, ['myApp']);    

myApp.config(['$routeProvider', '$controllerProvider', 
                       '$compileProvider', '$filterProvider',  
                       'routeResolver', myConfigFunction] );

然后我没有得到任何错误，但是配置函数 myConfigFunction 没有被调用。 (该函数只是将一行记录到控制台)。

我做错了什么？

Answer 1

我不确定 routeResolver 到底是什么(可能是 this ？)

因为只有 vendor 可以被注入(inject)到 config() block 你还需要添加单词 provider 所以 routeResolver 变成 routeResolverProvider 错误将消失。

myApp.config(['$routeProvider', '$controllerProvider', 
                       '$compileProvider', '$filterProvider',  
                       'routeResolverProvider', myConfigFunction] );

Working example on jsfiddle