如何在不刷新页面的情况下自动更新值,ionic2 更新值

王志华

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

位置每次会触发 gps 10 秒,但 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>
贾米尔

您必须手动检测更改。使用ngZone或另一个角度变化检测器,检查这个答案

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不刷新页面的情况下自动更新离子列表上的数据

来自分类Dev

如何在不刷新页面的情况下每分钟自动更新股票价格?

来自分类Dev

如何在不刷新页面的情况下发布成功后更新页面内容

来自分类Dev

如何在不刷新页面的情况下定期更新数据?

来自分类Dev

如何在不刷新页面的情况下连续更新PHP变量?

来自分类Dev

如何在不刷新页面的情况下定期更新数据?

来自分类Dev

如何在不刷新页面的情况下更新会话存储数据?

来自分类Dev

如何在不刷新页面的情况下检测 Service Worker 更新?

来自分类Dev

使用ajax如何在不刷新页面的情况下显示特定td的值

来自分类Dev

如何在不刷新页面的情况下更改表单输入中的预览值

来自分类Dev

如何在不刷新页面MVC C#的情况下显示不同的值

来自分类Dev

React-Router-在不刷新页面的情况下更新BrowserHistory

来自分类Dev

在不刷新页面的情况下更新 Like 按钮

来自分类Dev

在不刷新页面的情况下获取会话值

来自分类Dev

jQuery在不刷新页面的情况下获取每个A标签的值

来自分类Dev

如何在不刷新页面的情况下更新购物篮中的产品数量?

来自分类Dev

如何在不刷新页面的情况下从 Firestore 云界面删除数据后更新视口

来自分类Dev

为什么在不刷新页面的情况下更新下拉列表时CSS不起作用的原因

来自分类Dev

如何在不重新加载 JSON 更新页面的情况下更新 div 的类和内容

来自分类Dev

我如何在symfony2中进行更新Mysql,而不刷新页面?

来自分类Dev

如何自动更新页面上的图像链接

来自分类Dev

如何在不刷新页面asp.net mvc的情况下使用ajax / javascript更新数据库

来自分类Dev

cordova.fileTransfer不更新页面模板Ionic2 + Cordova

来自分类Dev

基于值的jQueryradialIndicator自动(不刷新页面)

来自分类Dev

自动更新值

来自分类Dev

更新而不刷新页面

来自分类Dev

如何在不刷新angular8页面的情况下更改url的值

来自分类Dev

YII2在更新页面的DropDownlist中设置选择的值

来自分类Dev

角度-自动更新数据而无需刷新页面

Related 相关文章

  1. 1

    如何在不刷新页面的情况下自动更新离子列表上的数据

  2. 2

    如何在不刷新页面的情况下每分钟自动更新股票价格?

  3. 3

    如何在不刷新页面的情况下发布成功后更新页面内容

  4. 4

    如何在不刷新页面的情况下定期更新数据?

  5. 5

    如何在不刷新页面的情况下连续更新PHP变量?

  6. 6

    如何在不刷新页面的情况下定期更新数据?

  7. 7

    如何在不刷新页面的情况下更新会话存储数据?

  8. 8

    如何在不刷新页面的情况下检测 Service Worker 更新?

  9. 9

    使用ajax如何在不刷新页面的情况下显示特定td的值

  10. 10

    如何在不刷新页面的情况下更改表单输入中的预览值

  11. 11

    如何在不刷新页面MVC C#的情况下显示不同的值

  12. 12

    React-Router-在不刷新页面的情况下更新BrowserHistory

  13. 13

    在不刷新页面的情况下更新 Like 按钮

  14. 14

    在不刷新页面的情况下获取会话值

  15. 15

    jQuery在不刷新页面的情况下获取每个A标签的值

  16. 16

    如何在不刷新页面的情况下更新购物篮中的产品数量?

  17. 17

    如何在不刷新页面的情况下从 Firestore 云界面删除数据后更新视口

  18. 18

    为什么在不刷新页面的情况下更新下拉列表时CSS不起作用的原因

  19. 19

    如何在不重新加载 JSON 更新页面的情况下更新 div 的类和内容

  20. 20

    我如何在symfony2中进行更新Mysql,而不刷新页面?

  21. 21

    如何自动更新页面上的图像链接

  22. 22

    如何在不刷新页面asp.net mvc的情况下使用ajax / javascript更新数据库

  23. 23

    cordova.fileTransfer不更新页面模板Ionic2 + Cordova

  24. 24

    基于值的jQueryradialIndicator自动(不刷新页面)

  25. 25

    自动更新值

  26. 26

    更新而不刷新页面

  27. 27

    如何在不刷新angular8页面的情况下更改url的值

  28. 28

    YII2在更新页面的DropDownlist中设置选择的值

  29. 29

    角度-自动更新数据而无需刷新页面

热门标签

归档