如何隐藏主页的页脚组件？

Question

这是我的app.component.html 文件：

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

但我想做的是我想在/home 路由中隐藏页脚组件。我怎样才能做到这一点？ （如果需要添加更多代码或信息，请告诉我？）

Answer 1

你可以从路径知道你在home组件中：

In app.component.ts

page: string;

//See what is the current page from the path
this.page = this.route.parent.snapshot.url[0].path;

so in app.component.html

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer *ngIf="page != 'home" ></app-footer>

因此，如果您在主组件中，则不会呈现页脚组件。