Angular:主页在加载不同的路径之前渲染了一秒钟，即使在我删除了主页组件模板的内容之后也是如此

// app-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: '', component: EmptyComponent }, // 使用一个空组件
  { path: 'other', component: OtherComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

// empty.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-empty',
  template: ``
})
export class EmptyComponent {}

// app.component.html
<router-outlet *ngIf="shouldRender"></router-outlet>

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  shouldRender = false;

  constructor() {
    setTimeout(() => {
      this.shouldRender = true;
    }, 100);
  }
}