angular - 页脚在内容加载之前加载

Question

在我的应用程序中，页脚在事件加载之前被加载。这些是我尝试过的代码。我有一个加载的变量在开始时设置为 false，后来当从 api 加载事件数据时，我将其设置回 true。

现在在我的页脚组件中，我将 ngIf 设置为检查。

如果我有 *ngIf="loaded" 则不显示页脚，并且如果 *ngIf="!loaded" 在事件之前加载页脚。

有人可以帮我解决这个问题吗？

events.component.ts

export class EventsComponent implements OnInit {

    events = [];
    loaded = false;
    constructor(private _eventService: EventService) { }

    ngOnInit() {
        this._eventService.getEvents()
            .subscribe(
                res => {
                    this.events = res;
                    this.loaded = true;
                    console.log(this.loaded);
                },
                err => console.log(err)
            );
    }
}

页脚.component.html

<div class="wrapper" *ngIf="loaded">

标签： angularangular6