Question

我正在使用PHP将离子应用程序与MySql数据库连接，所有功能均正常运行，但是当我上载数据库中的数据时，离子应用程序中的数据更新需要至少一个小时的时间，请查找相同的示例代码：< / p>

我还没有使用任何会话，每次加载组件时都会触发使用PHP从dabase提取数据的请求，尝试放置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);
      });
    });

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

Answer 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并从服务器获取数据。

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

1 个答案: