角度主要组件初始化2次

Question

这是我的自助：

bootstrap: [AppComponent]

这是我的AppComponent：

    <div class="container">
      // some HTML
    </div>
    <router-outlet></router-outlet>

我的路线：

const appRoutes: Routes = [
    {path: '', component: AppComponent},
    {path: '**', redirectTo: ''},
];

但我看到了一些HTML＆＃39; 2次。 我该如何解决？

Answer 1

您正在将AppComponent的模板附加到已引导的AppComponent。所以它被角度解释为：

<div class="container">
  // some HTML
</div>
<router-outlet></router-outlet>
<!-- Appended by router module -->
<div class="container">
  // some HTML
</div>
<router-outlet></router-outlet>

您应该在路径组件中使用AppComponent 应加载的组件。

示例：StackBlitz