angular - 将数据从 subscribe() 传输到 Angular 6 中的变量

Question

在下面的函数中，console.log(data) 正在返回我的有效载荷，但我在 console.log(this.finalData) 中得到“undefined”。将订阅数据存储到我的 this.finalData 变量的最佳做法是什么？

组件.ts

getFavorites(){
  this.jobService.getFavoritesFromDB().subscribe((data) =>  { 
   console.log(data)
   this.finalData = data
  });
  console.log(this.finalData)

 }

服务.ts

getFavoritesFromDB(){
    return this.http.get("http://localhost:3000/post");
}

Answer 1

您需要将 console.log 放在 subscribe 中，因为来自 api 的响应是异步的

getFavorites(){
  this.jobService.getFavoritesFromDB().subscribe((data) =>  { 
   console.log(data)
   this.finalData = data;
   console.log(this.finalData)
  });
 }