在ionic 4页面中从cordova插件获取并显示实时数据

Question

我正在尝试编写一个简单的步进计数器应用程序，我正在使用这个插件(https://github.com/leecrossley/cordova-plugin-pedometer)在android中，为了获取阶跃计数器数据，所以我想获取该数据并将其显示在我的ionic页面（前端视图）上，我尝试使用ngZone刷新对象，同时该方法订阅StartPedometerUpdate函数，但工作需要数秒，有时会停顿几秒，然后再次开始显示计数器。。。

这是我的代码：

steps: any  = []

  constructor(private ngZone: NgZone, private pedometer: Pedometer) { }

  ngOnInit() {
  }


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

my html用于调试数据很简单：

<ion-content>
    {{this.steps | json}}
    <ion-button (click)="getSteps()">Show steps</ion-button>
</ion-content>

所以我想用一些简单可行的方法“实时”显示数据。。。

提前谢谢

Answer 1

即使使用NgZone bcoz push功能，您也无法在订阅中推送数据NgZone在该功能中不起作用

    steps: any  = []

      constructor(private ngZone: NgZone, private pedometer: Pedometer) { 
        this.getSteps();
        setInterval(()=>{
           console.log('read in a sec')
        },1000)
      }

      ngOnInit() {
      }


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