防止控制器在 HTTP 请求完成之前运行？

Question

$rootScope.$on("$stateChangeStart", function(event, toState, toParams, fromState, fromParams){
    if ($rootScope.carNameMap) {
        _import.stateEvent.changeTitle(toState, toParams, event);
    } else {
        _import.getCompanies.init().then(function(res){ //<-- promise
            _import.stateEvent.changeTitle(toState, toParams, event);
        });
    }
});

如您所见，在我的 $stateChangeStart 中，我检查 carNameMap 是否已经创建，如果没有，我运行一个发送 HTTP 请求并返回承诺的服务。

但是当我有一个远程数据库时，我的控制器在http request 结束之前运行。

如何防止控制器在 HTTP 请求完成之前运行？

Answer 1

您应该查看 angularJs 在配置块的 $routeProvider 中提供的解析功能：

app.config(function ($routeProvider) {
  $routeProvider
    .when('/',
    {
      templateUrl: "app.html",
      controller: "AppCtrl"
      resolve: {
        foo: function ($q) {
            //your logic goes here, and then your controller will receive an "foo" parameter.
        }
      }
    }
  )
});