完成所有嵌套ngFor循环的角度后的事件？

Question

嵌套的ngFor循环加载行为看起来很丑。我正在寻找一种仅在完全渲染的情况下显示两个循环的方法。

<div *ngFor="let group of bookings$ | async | groupBy: 'date' | pairs; trackBy: trackByFn">
   <ion-item-divider color="light">
     <ion-label text-left>
       {{ group[0] }}
     </ion-label>
   </ion-item-divider>
   <app-booking *ngFor="let booking of group[1]; trackBy: trackByFn" [booking]="booking">
   </app-booking>
</div>

Answer 1

您可以将用于检索数据的逻辑放在解析器中-它将在呈现之前获取页面所需的数据。

export class SomeResolver implements Resolve<any>{
  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): any {
    return this.yourService.yourMethod().pipe(take(1));
  }
}