离子应用程序无法使用数据库动态更新答案

【问题标题】：Ionic Application not able to update dynamically with database离子应用程序无法使用数据库动态更新
【发布时间】：2019-01-09 09:11:27
【问题描述】：

我正在使用 PHP 将 ionic 应用程序与 MySql 数据库连接，所有功能都可以正常工作，但是当我在数据库中上传数据时，在 ionic 应用程序中更新数据需要至少一个小时的时间，请查找相同的示例代码：

我没有使用任何会话，每次加载组件时都会触发使用 PHP 从数据库中获取数据的请求，尝试放置 ngZone 但问题仍然存在。

this.zone.run(() => {
      this.http
      .get('http://localhost:8100/dbcon/retreive-monthcircular.php')
      .subscribe((monthdata : any) =>
      {

         console.dir(monthdata);
         this.loadData = false;
         this.circularmonthdata = monthdata;
         if (this.circularmonthdata == null) {
          this.displayCircular = false;
        } else {
          this.displayCircular = true;
        }
      },
      (error : any) =>
      {
         console.dir(error);
      });
    });

理想情况下，应用程序应该动态更新

【问题讨论】：

你的apihttp://localhost:8100/dbcon/retreive-monthcircular.php会立即返回数据吗？
是的，但是最新上传的数据不可用，当从浏览器渲染时它工作正常，问题是在构建 APK 之后。
可能是因为 CORS 问题？或尝试使用 chrome 远程设备选项进行远程调试

标签： ionic-framework ionic3

【解决方案1】：

看看这个例子

HTML：

<ion-item> <ion-label>Date</ion-label> <ion-datetime displayFormat="DD/MM/YYYY" pickerFormat="DD/MM/YYYY" [(ngModel)]="myDate"></ion-datetime> </ion-item> <button ion-button block (click)="getData(myDate)">Get Data</button>

下面是我们创建的数组中的当前数据。

<ion-item *ngFor="let data of fetchedData"> Date: {{data.date}} - Description: {{data.description}} </ion-item>

你的 TS：

fetchedData = [ // suppose your data looks like this 
  {
    date: '20-02-1990',
    description: 'this is First date'
  },
  {
    date: '21-03-1991',
    description: 'this is Second date'
  }
]
  getData(myDate){
    this.headers = {'Content-Type': 'application/json'}; 
    this.http.get('http://localhost:8100/dbcon/retreive-monthcircular.php', {headers: this.headers})
    .map(res => res.json())
    .subscribe(data => {
      console.log(data);
        this.fetchedData = data.data; // update your variable it will update data on your view.
    });
  }

单击此功能将更新您在 DOM 中的数据。或者您应该发布您的 HTML 并从服务器获取数据。

【讨论】：