Question

我是Angular的新手，所以我想我缺少一些东西。

我的组件中有3个变量，这些变量是在可观察对象上调用.subscribe方法后填充的。

喜欢

this.interRetard = this.technicienService.getInterRetard(id).subscribe(data => {
  this.interRetard = data;
});

interRetard变量包含一个数字，我可以通过执行{{interRetard}}在html中显示其值。

问题是当我尝试使用console.log（）显示它时，它说：

Subscriber {closed: false, _parent: null, _parents: null, _subscriptions: Array(1), syncErrorValue: null, …}

我需要它给我确切的值，就像它在html中显示它一样，这样我就可以将它分配给这样的图表

public doughnutChartData:number[] = [this.interRetard ,  5, 10];

谢谢。

Answer 1

这应该有效：

   this.technicienService.getInterRetard(id).subscribe(data => {
      this.interRetard = data;
      console.log(this.iterRetard);
      this.myFunction(this.iterRetard) or this.myFunction(data);
    });

myFunction(p) {
// Your Logic //
}

用组件中的变量动态填充图表

1 个答案: