Угловой маршрутизатор-розетка задерживает рендеринг компонентов

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);
      }
    });
  }