在Angular Observable中订阅后记录数据

时间:2018-09-28 19:14:32

标签: javascript angular observable

我是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));

2 个答案:

答案 0 :(得分:1)

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

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

如果要在“ complete”回调中执行此操作(假设Observable确实完成了):

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

答案 1 :(得分:1)

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

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