处理函数，这些函数返回可观察值以在离子应用程序中显示“实时数据”

Question

我试图实现一个计步器应用程序，并使用此插件来完成工作https://ionicframework.com/docs/v3/native/pedometer/，有个函数返回一个Observable，该Observable在后台重复接收来自计步器的数据。

问题是我试图获取可观察的数据并将其分配给对象以在视图中显示步骤，但它仅从第一个结果获取数据，然后不更新值。

我需要通过从插件获取可观察的值来显示“实时步数”。

这是我的功能

 steps: any  = [];

  constructor(private pedometer: Pedometer) { }

  ngOnInit() {
    this.steps = 0;
  }


  getSteps() {
  
    this.pedometer.startPedometerUpdates()
     .subscribe((data: IPedometerData) =>
    {
       this.steps = data.numberOfSteps;
    }
    );
  }

我的观点：

<ion-content>
    <h2 center-text>{{this.steps}}</h2>
    <ion-button (click)="getSteps()">Start count steps</ion-button>
</ion-content>

我尝试使用ngZone.run（）强制“实时数据”，但也不起作用。

欢迎任何帮助。

提前谢谢。