在 Angular Observables 中订阅后记录数据答案

【问题标题】：Logging Data after Subscribe in Angular Observables在 Angular Observables 中订阅后记录数据
【发布时间】：2018-09-28 19:14:31
【问题描述】：

我是 Observables 的新手，正在阅读 Angular 文档。这是我subscribe 到服务并获取数据的方式。

this.dataService.getData().subscribe(data => this.localData = data)

现在，出于调试目的，我正在努力将其记录在组件 (console.log) 中。

我试过了：

this.dataService.getData().subscribe(data => this.localData = data, complete => console.log(this.localData));

【问题讨论】：

标签： javascript angular observable

【解决方案1】：

您可以在“成功”回调中调用console.log：

this.dataService.getData().subscribe(data => {
  this.localData = data; 
  console.log(this.localData);
});

如果您想在“完成”回调中执行此操作（假设 Observable 确实完成了）：

this.dataService.getData().subscribe(
  data => { this.localData = data; },
  error => {},
  () => { console.log(this.localData); });

【讨论】：

【解决方案2】：

    this.dataService.getData().subscribe(
     (data) =>  {
       this.localData = data, 
       console.log(this.localData)
     }
    , error => // the second one is error!),
    , complete => //complete is the third one;

您需要在订阅成功或完成时控制您的数据。当订阅返回错误时，您正在内部打印

【讨论】：