$q.reject 上未调用 $routeChangeError

Question

我有一个带有 Sails JS 后端的 Angular JS 应用程序，并且在路由内部（在 app.js 中）我有：

.state('app.detail', {
  url: "/detail",
  views: {
    'menuContent' :{
      templateUrl: "templates/detail.html",
      controller: 'UserUpdateCtrl',
      resolve: {
        auth: ["$q", "userData", function($q, userData) {
          var userInfo = userData.getUserInfo();
          if (userInfo) {
            return $q.when(userInfo);
          } else {
            return $q.reject({ authenticated: false });
          }
        }]
      },
    }
  }
})

（这是关注this guide）

现在在同一个文件上，我有 $routeChangeError:

.run(function($rootScope) {
  $rootScope.$on("$routeChangeError", function(event, current, previous, eventObj) {
    if (eventObj.authenticated === false) {
      $location.path("/login");
    }
  });

在 chrome 上调试时，我看到该函数已定义，但未调用。
我在这里错过了什么？

Answer 1

好吧，假设您使用的是 Angular UI 路由器，我相信您只是从官方错误处理程序中错误地翻译了错误处理程序。

来自docs for $state：

在转换过程中发生错误时触发。重要的是要注意，如果您的解析函数中有任何错误（javascript 错误、不存在的服务等），它们不会按照传统方式抛出。您必须侦听此 $stateChangeError 事件才能捕获所有错误。

而且这个handler的参数不一样，试试这样：

$rootScope.$on("$stateChangeError", function(event, toState, toParams, fromState, fromParams, error) {
  if (error && !error.authenticated) {
    $location.path("/login");
  }
});

以下是参数的说明，其中重要的粗体显示：

• event – {Object} – 事件对象。
• toState – {State} – 转换到的状态。
• toParams – {Object} – 提供给 toState 的参数。
• fromState – {State} – 当前状态，过渡前。
• fromParams – {Object} – 提供给 fromState 的参数。
• error – {Error} – 解析错误对象。