在 boostrap 之后但在其他任何事情之前获取服务器设置

Question

我一直在寻找这个问题的答案，但没有关于如何解决和解决这个问题的任何明确或明确的答案。

在我的 anguarJS 应用程序中，我想确保在加载/引导 AngularJS 之后的第一件事，它通过 $http 进入服务器并获取一些设置（通过调用 api：/api/settings/get） -取决于子域和/或如果有 JWT 或其他用户会话，它将检索一些应添加到 $rootScope 的设置数据。

我的问题是我无法“停止”应用程序，只有在获取设置并填充 $rootScope 时才能继续它的日常生活。如果 fetch 或 settings 调用可能失败，应用程序应该“停止” - 所以这些设置很早就加载是至关重要的，所以我知道一切（服务、控制器、指令等）都可以访问它们。

我已经尝试使用 $broadcast 事件并将其放入我的 .run 函数中，但它似乎仍然可以解决应用程序（可能显然是因为它是异步的）。

apiConnector.get('api/settings/get').then(function(settings) {
  $rootScope.settings = settings;
  $rootScope.$broadcast('settings-fetched');
});

但是，我不喜欢这种方法，并且要求我到处监听这个事件。

我的路线既公开又受限。

我希望有人可以帮助我解决这个问题的正确方向。

Answer 1

由于您使用的是 ui-router，我建议您在进入默认状态之前使用 resolve：https://github.com/angular-ui/ui-router/wiki#resolve

ui-router 文档中的示例路由配置：

$stateProvider.state('myState', {
      resolve:{
         // Example using function with returned promise.
         // This is the typical use case of resolve.
         // You need to inject any services that you are
         // using, e.g. apiConnector in this example
         settingsObj:  function(apiConnector){
            return apiConnector.get('api/settings/get');
         }
}

如果此获取失败，您可以通过使用.then() 将用户重定向到应用程序或 w/e 来处理此问题。与通常的 Angular 承诺一样。