13

我已经解决了我的路由提供程序，但我只是返回了承诺，所以我不知道它是成功还是失败。这就是我所拥有的

.when('/items', {
    templateUrl: 'views/items.html',
    controller: 'ItemsCtrl',
    resolve: {
        resolvedData: function(Restangular) {
            return Restangular.one('Items').get();
        }
    }
})

现在这确实有效，但我如何检测成功或失败。我可以在 resolve 方法中输入这个，但是在成功和失败中我会返回什么。记住我需要将项目注入我的控制器中。

.when('/items', {
    templateUrl: 'views/items.html',
    controller: 'ItemsCtrl',
    resolve: {
        resolvedData: function(Restangular) {
            Restangular.one('Items').get().then(function(data) {
                // success
            }, function() {
                // failure
            });
        }
    }
})

我确实在这里看到了一个例子，但我很困惑这是否是我需要的以及如何使用它？

AngularJS - 用 $routeProvider:resolve 拒绝了 $http 承诺

它似乎正在返回手动承诺。

resolve: {
    response: ['Warranty'
        '$q',
        function(Warranty, $q) {
            var dfd = $q.defer();
            Warranty.sendRequest().then(function(result) {
                dfd.resolve({
                    success: true,
                    result: result
                });
            }, function(error) {
                dfd.resolve({
                    success: false,
                    reason: error
                });
            });
            return dfd.promise;
        }
    ]
}

我真正想做的是在我的控制器中将已解析的变量注入控制器，如果它失败了，那么我也想访问控制器中的故障，这样我就可以向用户显示它是不可能的由于问题而渲染。

4

2 回答 2

10

您可以只返回方法的返回值then：

resolve: {
    resolvedData: function(Restangular){
        return Restangular.one('Items').get().then(function (data) {
            ...
            return successData; // resolvedData will be resolved with the successData
            }, function () {
            ...
            return failureData; // resolvedData will be resolved with the failureData
            });
    }
}

then方法文档：_

此方法返回一个新的 Promise，该 Promise 通过 successCallback 或 errorCallback 的返回值解决或拒绝。

于 2013-07-19T15:04:27.217 回答
3

如果解析功能失败，您可能希望向用户显示相应的内容（如错误消息）。最好让您的 resolve 函数返回一个 promise（不带then）并使用内部 event $routeChangeError。

myApp.run(['$rootScope',function($rootScope) {
  $rootScope.$on('$routeChangeError', function() {
    // what you want to do if an error occurs 
    // ex: $rootScope.displayErrorMessage = true
  });

])

处理一般错误（如网络错误/服务器关闭等）也会更容易。

于 2016-01-09T10:40:10.517 回答