Angular router-outlet延迟渲染组件

Question

我正在开发一个Angular 6应用程序，我通常会显示路由连接组件。但是当页面加载时（重新加载Ctrl + R / F5时），延迟加载组件;

<div [loading]="loading">
  <app-header></app-header>
  <div id="pageContentWrapper">
    <router-outlet (activate)="onActivate($event)"></router-outlet>
  </div>
  <app-footer></app-footer>
</div>

这是我的代码; app-header和app-footer瞬间呈现，但是延迟呈现。任何想法为什么延迟渲染？

Answer 1

没有提供代码就很难获得帮助，重要的内容不包含在您的帖子中。但是，我要承担风险......看起来你要做的就是为一个功能制作一个加载屏幕，但不能正确地进行。

  ngOnInit() {
    this.router.events.subscribe(event => {
      if (event instanceof RouteConfigLoadStart) {
        // siteLoading(true);
      } else if (event instanceof RouteConfigLoadEnd) {
        // siteLoading(false);
      }
    });
  }