来自服务的实时数据（以离子/角度表示）>

Question

当前，我已经安装了带有服务的应用程序，该服务可以从我需要的位置正确获取实时数据。我可以通过html实时访问这些值，但是我试图在页面中实现一个Chart.js图表​​，该图表当前位于ngOnInit()中，这意味着它仅创建一次，然后不更新。我将如何建立一种可以实时监视服务中值的方法，以便因此可以调用图形的更新？

供参考：

tab1.page.ts

export class Tab1Page {
  @ViewChild("barCanvas", { static: true }) barCanvas: ElementRef;
  private barChart: Chart;
...
ngOnInit() {
    this.barChart = new Chart(this.barCanvas.nativeElement, {
...
tab1.page.html

<ion-card-content>
      <canvas #barCanvas></canvas>
</ion-card-content>
关于初始创建的数据是从某些公共字段中提取的：

mqtt.service.ts

export class MqttService {
  public livingCount: number = 0;
...

当前，我已经安装了带有服务的应用程序，该服务可以从我需要的位置正确获取实时数据。我可以通过html实时访问这些值，但我正在尝试...

Answer 1

您可以使用Observable或Subject实时监听数据流。您的套接字服务可能如下所示。