使用angular-ui-router处理404

Question

我有一种方法的服务：

service.getVenueBySlug = function(slug) {
    return $http.get(API + '/venue/' + slug);
};

在我的app.routes.js`中：

.state('app.venue', {
  url: '/venues/:venueSlug',
  templateUrl: '/app/views/venue.html',
  controller: 'VenueController',
  resolve: {
    venue: ['VenueService', '$stateParams', '$state', function (VenueService, $stateParams, $state) {
      return VenueService.getVenueBySlug($stateParams.venueSlug).then(function(res) {
        return res.data;
      }).catch(function(err) {
        $state.go('app.404');
      });
    }]
  }
})

控制器VenueController仅具有：

$scope.venue = venue

一切正常，如果我手动输入带有错误的站点标记的URL，它将正确重定向到404。

问题是我在控制台中收到一个困扰我的错误：

有谁知道如何解决？ 我正在使用angular 1.6.4和angular-ui-router 1.0.6。

Answer 1

如对您的帖子的评论中所述-在解决问题的过程中，您可能应该执行以下操作：return $ q.reject（{redirectTo：app.404}）;

然后在路由器配置中，您将监听stateChangeErrors：

$rootScope.$on('$stateChangeError',
   function(event, toState, toParams, fromState, fromParams, error) {
      if(error.redirectTo) {
         $state.go(error.redirectTo);
      }
   } 
})

$ q.reject是处理（中断）当前stateChange所必需的，而stateChangeError则在那里处理该拒绝。

（尚未测试代码，但我记得在我的一个项目中有类似的解决方案）