Question

嗨，我有一个$ stateProvider，如下所示。

$stateProvider .state('team.details', {
  url: '/:teamId',
  views: {
    '@': {
      controller: 'teamDetailsCtrl',
      templateUrl: 'src/modules/team/details/teamDetails.html',
      resolve: {
        user: function ($stateParams, TeamResource) {
          return TeamResource.get({ teamid: $stateParams.teamId }).$promise;
        }

TeamResource.get正在调用rest api，如果数据是从其余的api（DB中存在的teamid）发送的，那么一切正常。但如果数据不存在，那么我必须将其路由到“家”。我怎么能完成它？

Answer 1

你决心可以处理那件事，如果有数据然后使用链承诺返回该数据，或者将其重定向到不同的状态。

<强>代码

resolve: {
  user: function($stateParams, TeamResource, $state) {
    return TeamResource.get({
      teamid: $stateParams.teamId
    }).$promise.then(function(data) {
      if (!data.length > 0) { //here might be you need to use something else instead of data
        $state.go('home')
        return
      } else {
        return data;
      }
    });
  }

Answer 2

您的API会返回什么样的响应？我的建议是你为你的应用程序设置了一个全局的http拦截器，它可以收听404响应。在这种情况下，将用户重定向到您的家乡状态。

通过将逻辑放在拦截器而不是解析器中，如果有多个状态可以从这种检查中受益，则可以避免冗余代码。

这是一个示例拦截器，取自https://wordpress.org/plugins/wpsite-follow-us-badges/screenshots/ SO帖子。

请注意，这可能仅适用于特定端点（例如团队）。您可以通过访问响应的url属性来检查调用了哪个URL。像这样：response.url

var interceptor = ['$q', '$state', function ($q, $state) {

    function success(response) {
        return response;
    }

    function error(response) {
        var status = response.status;
        var url = response.url;

        if (status == 404) {
            $state.go('home')
            return;
        }

        // otherwise
        return $q.reject(response);
    }

    return function (promise) {
        return promise.then(success, error);
    }

}];

$httpProvider.responseInterceptors.push(interceptor);

Answer 3

Angular $http.get()会返回一个承诺。如果出现任何错误，您只需要拒绝使用$q服务。

决心：

resolve : {
    user : function ($stateParams, TeamResource) {
        return TeamResource.get({
            teamid : $stateParams.teamId
        });
    }
}

在 TeamResource.get 下：

return {
    get : function (teamObj) {
        $http.get("/url", teamObj).then(function (resp) {
            if (resp.length) {
                return resp;
            } else {
                return $q.reject(resp);
            }
        }, function (err) {
            return $q.reject(resp);
        });
    }
}

如果在promise()中使用$q.reject()返回，承诺链会将其发送到下一个链的错误回调，如果您只是返回某个内容，则会将其发送给它在下一个承诺链中成功运作。

Angular Js解决方法

3 个答案: