hide ion-tabs from splash page
I have my navigation tabs in my app.component.html. Thus, all my pages would have the ion-tabs applied to. I am trying to hide the ion-tabs in my splash page but can’t do as such. I tried using *ngIf in <ion-tabs> but it wasn’t possible either.
app.component.html
<ion-app> <ion-router-outlet> </ion-router-outlet> <ion-tabs> <ion-tab-bar slot="bottom"> <ion-tab-button tab="home"> <ion-icon name="home"></ion-icon> <ion-label>Home</ion-label> </ion-tab-button> <ion-tab-button tab="news" > <ion-icon name="newspaper"></ion-icon> <ion-label>News</ion-label> </ion-tab-button> <ion-tab-button tab="search"> <ion-icon name="search"></ion-icon> <ion-label>Search</ion-label> </ion-tab-button> <ion-tab-button tab="explore"> <ion-icon name="compass"></ion-icon> <ion-label>Explore</ion-label> </ion-tab-button> <ion-tab-button tab="profile"> <ion-icon name="cog"></ion-icon> <ion-label>Profile</ion-label> </ion-tab-button> </ion-tab-bar> </ion-tabs> </ion-app> 
