Angular 5+ 无法保存可观察响应的结果

Question

我有一个 Angular 应用程序，它使用来自 webapi 的数据。当我发出请求时，我会得到一个类型化的可观察对象。

现在当我这样做的时候:

data: Product[];
productService.getByProductId("061000957").subscribe(res => {
      console.log(res);
      this.data = res;
});
console.log(this.data);

我在控制台看到的我可以看到这个

我可以清楚地看到，结果是我需要的产品。但为什么我不能将其保存到我的本地变量数据中？

谢谢

Answer 1

Observable 和 promise 一样是异步的。所以 console.log(this.data); 在返回响应之前执行。尝试。

data: Product[];
productService.getByProductId("061000957").subscribe(res => {
       console.log(res);
       this.data = res;
       console.log(this.data);
    });

现在您在设置数据后打印数据。