在AngularJS应用程序初始化之前,javascript – $http请求？

这将允许您在控制器启动之前等待一些承诺解决。

从文档引用：

resolve – {Object.=} – An optional map of dependencies which should be injected into the controller. If any of these dependencies are promises,the router will wait for them all to be resolved or one to be rejected before the controller is instantiated. If all the promises are resolved successfully,the values of the resolved promises are injected and $routeChangeSuccess event is fired.

简单的例子

app.config(['$routeProvider',function($routeProvider) {
    $routeProvider.
        when('/',{templateUrl: 'home.html',controller: 'MyCtrl',resolve: {
            myVar: function($q,$http){
                var deffered = $q.defer();

                    // make your http request here and resolve its promise

                     $http.get('http://example.com/foobar')
                         .then(function(result){
                             deffered.resolve(result);
                          })

                return deffered.promise;
            }
        }}).
        otherwise({redirectTo: '/'});
}]);

然后将myVar注入您的控制器，其中包含承诺数据。

避免额外的DI参数

您还可以通过返回您要注入的服务来避免额外的DI参数：

app.config(['$routeProvider',function($routeProvider) {
        $routeProvider.
            when('/',resolve: {
                myService: function($q,$http,myService){
                  var deffered = $q.defer();

                      /*  make your http request here
                      *   then,resolve the deffered's promise with your service.
                      */

                  deffered.resolve(myService),return deffered.promise;
                }
            }}).
            otherwise({redirectTo: '/'});
    }]);

显然，在执行此类操作时，您必须将共享服务中的任何地方的请求存储在您的请求中。

看看Angular Docs / routeProvider

在egghead.io，我已经从那个家伙那里学到了大部分的东西