Question

我的应用程序中有一张小信息卡，显示舞台上的实际发言人带有一张小图片。

我怎样才能保持这种状态？当一个新的演讲者在舞台上时，我将在数据库中进行更改。当数据库发生变化时，应用程序内部的信息也会发生变化。我怎样才能做到这一点？

.html：

 <h2>Jetzt am Podium:</h2>
  <ion-list>
    <ion-item >
      <ion-item *ngFor="let item of items; let i = index">
      <ion-avatar item-start>
        <img src="{{ item.picture }}">
      </ion-avatar>
        <h2>{{ item.name }}</h2>
        <p>{{ item.description }}</p>
        <p><strong>Beitrag: </strong> {{ item.redebeitrag }}</p>
      </ion-item>
    </ion-item>
  </ion-list>

.TS-文件：

load() : void
   {
      this.http
      .get('www...com/.../retrieve-data.php')
      .subscribe((data : any) =>
      {
         console.dir(data);
         this.items = data;
      },
      (error : any) =>
      {
         console.dir(error);
      });
   }

编辑：我正在使用Ionic的下拉式Refresher方法。它运作良好。但是我怎样才能在背景中实现doRefresh（）？

doRefresh(refresher) {
    console.log('Begin async operation', refresher);
    setTimeout(() => {
      console.log('Async operation has ended');
      this.load();
      refresher.complete();
    }, 500);
  }

Ionic / Angular：数据库更改时的视图

0 个答案: