Как скрыть нижний колонтитул для домашней страницы?

Question

Это мой app.component.html файл:

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

Но я хочу скрыть компонент нижнего колонтитула в маршруте /home. Как я могу это сделать? (Пожалуйста, дайте мне знать, если нужно добавить больше кода или информации?)

Answer 1

Вы можете знать, что находитесь в домашнем компоненте по пути:

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>

Так что, если вы находитесь в домашнем компоненте, то нижний колонтитул не отображается.