我有一个页面,其中包含几个子组件:
<div class="wrapper" *ngIf="isPageFullyLoaded">
<header></header>
<main class="content">
<trip-list></trip-list>
</main>
<footer></footer>
</div>
ts文件包含以下内容:
...
public isPageFullyLoaded = false;
...
ngAfterContentInit() {
this.isPageFullyLoaded = true;
}
The child trips-list:
<section *ngIf="trips">
<ul>
<li *ngFor="let data of trips" >
...
旅行列表是使用rest api加载的:
getTrips() {
this.fundService.getTrips().subscribe(
data => { this.trips= data; },
err => console.error(err),
() => console.log(this.trips)
);
}
我还尝试了ngAfterViewInit
我需要一种方法,在子组件完全加载后才显示主div。因为如果在div中使用*ngIf,子组件就不会被加载。
有什么好的想法吗?
ngAfterViewChecked()
中使用一些布尔值。 - Shashank Vivekdiv
中,并使用*ngIf
。 - Ploppy