重写 Angular 初始化

Question

我正在努力克服尝试取消 deferredbootstrapper 时引起的错误

Rewriting Angular.js app to do away with deferredBootstrapper

得到类似的错误

未捕获的错误：[$injector:modulerr] 无法实例化模块 ECP，原因是：错误：[$injector:unpr] 未知提供程序：$http

错误：[ng:areq] 参数 'Nav' 不是函数，未定义

--- 不确定如何包含之前的 injectorModules --- 或者在加载其他模块之前点击 Account 和 User 变量来存储信息

app.config(["$http", "$q", "Account", "Layout",
      function ($http, $q, Account, Layout) {

似乎是错误的做法。在我看来，它类似于指令的设置方式。

Answer 1

我已经尝试过这种方法 - 但出现模块超时错误

未捕获的错误：模块的加载超时：angular、config/component-loader、angular-translate、angular-translate-loader-static-files

define([
    "jquery",
    "angular",
    "config/component-loader"
], function ($, angular) {

    // Create a new module
    var app = angular.module("ECP", []);

    // register a new service
    app.value("ng", "ECP.services");

    // configure existing services inside initialization blocks.
    app.config(["$http, $q, Account, Layout", function($http, $q, Account, Layout) {
      // Configure existing providers

        var configObj,
            deferred;

            configObj = {
                account: null,
                layout: null
            };

            deferred = $q.defer();

            Account.fetch()
                .then(function() {
                    configObj.account = Account;
                    return Layout.fetch();
                })
                .then(function() {
                    configObj.layout = Layout;
                    return deferred.resolve(configObj);
                })
                .finally(function(){
                    return deferred.promise;
                });
    }]);

    app.init = function () {
      angular.bootstrap(document, ["ECP"]);
    };

    return app;
});