Rewriting Angular init

Question

I am struggling to get passed the errors being caused when trying to do away with the deferredbootstrapper

Rewriting Angular.js app to do away with deferredBootstrapper

getting errors like

Uncaught Error: [$injector:modulerr] Failed to instantiate module ECP due to: Error: [$injector:unpr] Unknown provider: $http

Error: [ng:areq] Argument 'Nav' is not a function, got undefined

--- not sure how to include the previous injectorModules --- or tap into the Account and User variables to stash information before other modules are loaded

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

Seems like the wrong way to do it. To me it looks similar to how a directive is setup.

Answer 1

I've tried this method - but getting module timeout errors

Uncaught Error: Load timeout for modules: 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;
});