AngularJS:链式结果中出现意外未定义

时间:2014-03-14 16:42:04

标签: javascript angularjs promise angularjs-resource angularjs-http

我在使用嵌套指令之前遇到过这个问题,但我设法找到了解决方法。我的代码看起来有点像,

var token = API.callGeneric({}, {method: 'kds.getTokenExtended2', params: ['demo', 'demo', '', '', '', '', '', false, '', '']}); //kds.
token.$promise
.then(function (result) {
    if (!angular.isUndefined(result.error)) { // API error
        $scope.msg = {iconClass: 'glyphicon-exclamation-sign', txt: 'Looks like there was a problem.'}
        if (!APIErr.handle(result.error)) { // handle also returns continueExec flags
            return;
        }
    }
    $scope.msg = {iconClass: 'glyphicon-cloud-download', txt: 'almost there…'};
    $scope.token = result.result;
    console.log('result', result.result);
}, function (error) { // server error
    $scope.msg = {iconClass: 'glyphicon-exclamation-sign', txt: 'issues with server, summoning the gods'}
    APIErr.handle(error);
})

.then(function (result) {
    $scope.msg = {}; // clear the message
    // another api call to get bills
    return API.callGeneric({}, {method: 'kds.getKitchenDisplayReceipts', params: [$scope.token, new Date().getTime()]});
}, APIErr.handle)

.then(function (result) {
    console.log(result); // can see result.result.openReceipts
    var receiptIds = result.result.openReceipts; // undefined?
}, APIErr.handle);

显然,API是一种调用API的服务。

问题是最后几行,其中console.log(result)显示了result.result.openReceipts,显然结果是一个Resource对象。

我对这里可能发生的事感到难过。有线索吗?我将来如何避免这种情况?

1 个答案:

答案 0 :(得分:1)

如果你想嵌套承诺,你需要每次都返回一个承诺。

在我看来,你的第二个是不必要的,可以在第一个内部完成,因为第一个没有回复任何承诺。

所以它可能是这样的:

的伪代码:

API.call('token').then(function(result) {
 ...
 return API.call('displayreceipts');
})
.then(function(result){
  var recieptIds = result.result.openReceipts;
})

让我知道它是否有效。