Angular 2 个重复 Header

Angular 2 Duplicate Header

在 AppComponent 模板中使用 <router-outlet></router-outlet> 时出现重复 header 问题。

我正在使用 'angular 2.0.0-rc.6' 和 'router 3.0.0-rc.1'

有谁知道,为什么会这样?

该应用程序在启动时显示两个 header,因为您的默认路径设置为您的 AppComponent,其中包含 header。该路径显示在另一个 AppComponent 的内部,您在 app.module.ts 的 bootstrap 字段中启动了该组件。您可以通过将默认路径替换为另一个组件来解决此问题。

请确保根据 https://angular.io/guide/quickstart 上的最新软件包列表升级您的 package.json。