Angular-UI 路由器 - 解决不等待承诺解决？

Question

所以总结一下，我正在使用 angular-ui 路由器解析函数来检索特定于状态的数据。然而，它似乎并没有完全等待承诺解决：

state('parent.ChildState', {
                url: '/myUrl?param1&param1',
                templateUrl: 'views/list.view.html',
                controller: 'MyController',
                resolve: {
                    data: resolveData
                }
            }).

    function resolveData($stateParams, Utils) {
        var filters = Utils.getFilters($stateParams);

        DataService.myDataObj = DataService.get(filters, function(result, headers) {
            DataService.myDataObj = result;
        });
        return DataService.myDataObj;

        // Note I have also tried returning directly the DataService.get call however this makes all the below console log statements as undefined (see below for the controller code to know what I mean). So I do the assignment first and then return that.
    }

现在在控制器中，我有一个在加载时执行的函数，如下所示：

    function ExpensesController(DataService) {

        $scope.viewData = DataService;

        initData();

        function initData() {
            // this generally logs a ngResource and shows the full data obj on console
            console.log($scope.viewData.myDataObj);

           // this gets undefined on console
           console.log($scope.viewData.myDataObj.someField1); 

           // this log fine, however why do I need to do promise      
           // resolve? should be resolved already right?
           $scope.viewData.myDataObj.$promise.then(function() {
               console.log($scope.viewData.myDataObj.someField1);
           });

Answer 1

由于您需要解析的数据是异步的，因此您需要返回一个 Promise 并在回调函数中添加 return 语句。

function resolveData($stateParams, Utils) {
    var filters = Utils.getFilters($stateParams);

    return DataService.get(filters, function(result, headers) {
         DataService.myDataObj = result;
         return DataService.myDataObj
    });
}

您可以阅读ui-router resolve docs 了解更多关于解析器如何工作以及它们应该何时返回承诺或纯值的信息。

Answer 2

我不知道我是否遇到了你的问题 :)，但这是我觉得不对的地方

1) 在resolve中返回一个promise，它不应该被resolve

function resolveData($stateParams, Utils) {
    var filters = Utils.getFilters($stateParams);
    return DataService.get(filters);       
 }

2) 在控制器中，您应该注入在解析中声明的数据而不是 DataService，因此您的控制器应该是

function ExpensesController(data) {
        $scope.viewData = data;
}