Ionic Application не может динамически обновляться с базой данных

Question

Я подключаю ионное приложение к базе данных MySql с помощью PHP, все функции работают нормально, но когда я загружаю данные в базу данных, требуется минимум час для обновления данных в ионном приложении. Пожалуйста, найдите пример кода для того же:

Я не использовал никаких сессий, и при загрузке компонента каждый раз запускает запрос на выборку данных из базы данных с использованием 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);
      });
    });

В идеале приложение должно динамически обновляться

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 и получить данные с сервера.