尽管存在服务，但未注入依赖项

Question

所以我一直在研究一个将在比赛中使用的 Angular.js 项目，并且在进行到一半时我意识到我需要一个插件系统来在运行时动态加载一些必要的代码。到目前为止，我发现 angular.js 不太适合在运行时加载服务。由于代码仅在比赛期间提供给竞争对手，我只能提供一个不起作用的示例。

// ex1.coffee

mainModule = angular.module('mainModule')

mainModule.service('needed', () ->
    @neededFunc() ->
        console.log "just an example"
    return this    

mainModule.service('ex1', ($injector) ->
    @loadFile = (u, pluginName) ->
        $.ajax
            dataType: "script",
            url: u,
            data: null,
            success: (jqxhr, textStatus) =>
                $injector.invoke([pluginName, (plugin) =>
                    plugin.testFunc()
            error: (jqxhr, textStatus, errorThrown) ->
                console.log "couldn't find the script"
    return this


// ex2.coffee

mainModule = angular.module('mainModule')

mainModule.service('ex2', (needed) ->
    @testFunc = () ->
        needed.neededFunc()
        console.log "in this dynamically loaded file"
    return this  

隐含的东西：有一个名为 mainModule 的现有模块。 jquery 和 angular 之前已经包含在 dom 中。 ex1.js 已经包含在 dom 中，而 ex2.js 尚未包含在 dom 中。 u 是文件 ex2.js 和 pluginName = "ex2" 的 URL。当调用成功处理程序时，调用函数失败，表示 ex2Provider 不存在。但是，如果我在成功回调中设置断点并检查 mainModule._invokeQueue，确实存在一个服务名称为“ex2”的数组，因此它在模块中肯定有一个现有的配方，但 $injector.invoke 调用仍然失败。如果我修改成功处理程序以调用 $injector.has pluginName，它会失败。有人能告诉我模块如何知道这个动态加载的服务的提供者，但不能用 $injector 将它注入到函数调用中吗？ 该项目是一个用 grunt 构建的 yeoman 项目。

仍在学习 Angular，所以如果我遗漏了一些概念或说错了，请告诉我。

Answer 1

AngularJS 将在加载模块时引导它。在引导期间，所有依赖项都由注入器初始化。

angular.module('mainModule').service('ex2', .....);

当您通过 AJAX 执行上述操作时，它发生在 之后，mainModule 已经被引导。 service() 会将提供程序排队以进行引导，但引导永远不会再次发生。

这是来自引导角度的手册。

您应该在加载或定义模块后调用 angular.bootstrap()。您不能在应用程序引导后添加控制器、服务、指令等。

我认为您可以做的是创建一个新模块，并将其附加到现有模块。

所以您的 AJAX 代码可能如下所示。

angular.module('ex2Module',[]).service('ex2', .....);
angular.module('mainModule').requires.push('ex2Module');
$rootScope.$digest();

我无法对此进行测试，但我认为这将导致新模块 ex2Module 被引导并添加为现有 mainModule 的依赖项。注入器应该看到这个模块排队等待引导并安装它。

希望这会有所帮助。