嵌套的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>
答案 0 :(得分:0)
您可以将用于检索数据的逻辑放在解析器中-它将在呈现之前获取页面所需的数据。
export class SomeResolver implements Resolve<any>{
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): any {
return this.yourService.yourMethod().pipe(take(1));
}
}