如何自动更新值，ionic2 更新值而无需刷新页面

Question

我的 ionic2 应用程序从 cordova 插件获取数据，但输入的值没有自动更新。首先谢谢。我的演示代码：

import { Component } from '@angular/core';
import { NavController, Events } from 'ionic-angular';
declare var AMapPlugin;
@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
  gps: string = '';
  _distance: number = 0;
  constructor(public navCtrl: NavController, private event: Events) {
  }
  getDistance() {
    return new Promise<number>((resolve, reject) => {
      AMapPlugin.getDistance(data => {
        resolve(data);
      });
    });
  }
  location() {
    AMapPlugin.startLocation(10, success => {
      let lo = { lat: success.latitude, lng: success.longitude };
      this.gps = JSON.stringify(lo);
    }, error => {
    });
  }
  start() {
    this.getDistance().then(data => {
      this._distance = data;
    });
  }
}

位置每次将触发GPS10秒，但HTML值不会实时修改。

  <ion-item>
    <ion-label>distance</ion-label>
    <ion-input type="text" [(ngModel)]="_distance" readonly></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>current</ion-label>
    <ion-input type="text" [(ngModel)]="gps | async" readonly></ion-input>
  </ion-item>

Answer 1

您必须手动检测更改。使用ngZone或其他角度变化检测器，检查此答案