如何保持一个偏离app.component模板的Angular 2视图（登录）

Question

我正在编写一个包含固定页眉和页脚的Angular 2应用程序。由于每个视图的页眉和页脚总是相同，我想我可以将它们保存在app.component.ts中

@Component({
  selector: 'my-app',
  template: `
    <div class="container-fluid">
      <!-- Header container goes here-->
      <router-outlet></router-outlet>
      <!-- Footer container goes here -->
    </div>
  `,
  styleUrls: ['app/app.component.css'],
  [...]

然而，应用程序在根（登录）有一个视图，它没有标题+页脚。如果我在app.component.ts中指定它们，它们也会在登录时显示。

是否是推荐的，最优雅的方式来处理像这样的异常情况？

Answer 1

用*ngIf="showHeader"包裹它以隐藏特定情况。