检查.then AngularJS中返回的数据

时间:2017-09-05 21:07:08

标签: angularjs debugging angular-promise es6-promise

我正在尝试找出检查.then{}

中我的回复内容的最佳方式

例如,我可以在.then {}中添加一个console.log来查看返回的内容吗?

以下是我未能成功检查此数据:

return myValidationService.getUserDetails(userId)
                        .then(response => response.data.data
                          //This is where I want to add my log
                          console.log("This is my response data: " + response.data.data))
                        .catch(error => pageErrorService.go(pageErrorService.errorDetails.genericError, error));

虽然我收到了关于上述语法的问题。

检查此数据的标准方法是什么?

2 个答案:

答案 0 :(得分:2)

在angular1.x中就是这样:

.then(function(response){
  console.log(response.data);
})

答案 1 :(得分:0)

问题在于语法

return myValidationService.getUserDetails(userId)
     .then(response => response.data.data
       //This is where I want to add my log
       console.log("This is my response data: " + response.data.data))
     .catch(error => ....));

您在代码中使用胖箭头:

 .then(response => response.data.data
      //This is where I want to add my log
       console.log(...)
  )

以上代码与编写

相同
.then(function(response){
   return response.data.data
})

以上代码在安慰之前返回值

添加花括号将适用于您的情况。您可以编写类似这样的内容来记录值:

 .then(response => {
      console.log(...);
      return response.data.data;
  })