Ионное ожидание завершения функции перед загрузкой в ​​HTML

Question

У меня есть следующий HTML-код

<ion-list>
<ion-item-sliding *ngFor='let devices of deviceinfosarr'>
  <ion-item  [routerLink]="['./', devices.id]">
    <ion-avatar>
      <ion-img [src]='devices.photo'></ion-img>
    </ion-avatar>
    <ion-avatar>
        <ion-label Position="fixed"> {{ devices.name }} </ion-label>
    </ion-avatar>
</ion-item>

И следующий код для заполнения deviceinfosarr

ionViewWillEnter() {
this.devicesinfo.fetchdata().then(response => {
  this.deviceSub = this.devicesinfo.alldevices.subscribe(alldevices => {
    this.deviceinfosarr = alldevices;
    this.DoneLoading = true;
  } );
}).catch(err => {});

, этот метод заполняет массив, но, поскольку он может занять несколько секунд, тогдаДисплей пуст.Есть ли способ для меня, чтобы дождаться окончания заполнения массива, прежде чем я запускаю HTML ngfor?или как я могу получить код для запуска снова?Спасибо за помощь