Angular.js 承诺返回 [Object object]

Angular.js promise returning [Object object]

我正在调用一个承诺,它 returns 是服务中的一个对象,但不知何故在控制器中丢失了。

我正在通过我的控制器呼叫:

dataService.getSpanishOverviewByID(newItem, api) 
.then(getSpanishOverviewByIDSuccess)
.catch(errorCallback);

在我的服务中似乎一切正常:

function getSpanishOverviewByID(newItem, api) { 
console.log(newItem + " / " + api);
return $http({
  method: 'GET',
  url: '/api/' + api,
  newItem: newItem
})
.then(getSpanishByIDSuccess)
.catch(sendGetVolunteerError);
}


function getSpanishByIDSuccess(response) {
    var log = [];  
    angular.forEach(response.data, function(item, key) {
          console.log('I found this!' + response.config.newItem + " " + item.title);
          if(item.title == response.config.newItem){
            console.log('matching ' + item);
            this.push(item);
        }
    }, log);
    console.log(log);
    return log; 
  }

console.log(log)returns一个对象:

出于某种原因,这没有正确传递给控制器​​:

function getSpanishOverviewByIDSuccess(data) {
  $rootScope.newItem = data;
  console.log('brought back ' + data);
}

console.log('brought back ' + data); returns:

brought back [object Object]

我不确定为什么会出现此错误。似乎承诺应该传递 console.log(log);

中返回的数据

这是 Javascript 字符串连接的怪癖。如果您 log 一个对象本身,控制台将以您上面截屏的友好方式显示整个对象。但是,如果您 log 一个字符串加上一个对象,Javascript 解释器会将对象转换为 [object Object] 而不是正确地将其字符串化。对象本身可能还不错; log 语句只是为您提供了它的类型转换版本。

这里最简单的解决方案是:

console.log('brought back');
console.log(data);

或:

console.log('brought back', data);

然后您的识别字符串和完整的对象及其视觉属性层次结构将被单独记录,您将避免字符串连接问题,并且一切看起来都不错。