Header and Footer Visibility

Hey there! Im currently developing an App and i wanted to ask if there is a good way to solve that.
I want to have the Header and the Footer only in specific pages.
Currently my app.component.ts is looking like this. How can i set the headerVisible and footerVisible depending on the page coming from the router-outlet?

<ion-app>
  <app-header *ngIf="headerVisible"></app-header>
  <ion-content>
    <ion-router-outlet></ion-router-outlet>
  </ion-content>
  <app-navigation *ngIf="footerVisible"></app-navigation>
</ion-app>

Thanks for your Answer in Advance

1 post - 1 participant

Read full topic