how update value auto, ionic2 update value without page refresh

Question

my ionic2 app get data from cordova plugin,but input's value had not update automatic.thank you first. my demo code:

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;
    });
  }
}

location will trigger gps 10 seconds per time,but html value not realtime modify.

  <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>

gps is a string.. Not a promise or observable..no need for `async`..Also where is `location()` called? — Suraj Rao, May 20 '17 at 04:43
`getDistance()` is a Promise (only read once). In order to read new values you should better provide an Observable. — Pablo Albaladejo, May 20 '17 at 09:28

score 0 · Accepted Answer · edited May 23 '17 at 11:55

0

You have to detect the change manually. Use ngZone or another change detector in angular, check this answer

edited May 23 '17 at 11:55

Community

1
1

answered May 20 '17 at 10:23

Jamil

889
8
10

how update value auto, ionic2 update value without page refresh

1 Answers1