Manipulable tab to hide it from angular ts

Greetings I want to be able to control what tabs I can see whenever I want, an example “tab1Root” I can hide and leave the other tabs visible if they could help me

<ion-nav #mycontent [root]=“rootPage” >
tabs.ts
tab1Root = HomePage;
tab2Root = ContactPage;
tab3Root = AboutPage;
tab4Root = AlarmsPage;

tabs.html

<ion-tab [root]="tab1Root"   tabIcon="desktop" ></ion-tab>
<ion-tab [root]="tab2Root"   tabIcon="warning"></ion-tab>
<ion-tab [root]="tab3Root"   tabIcon="stats" ></ion-tab>
<ion-tab [root]="tab4Root"   tabIcon="megaphone"></ion-tab>

</ion-tabs>

before
imagen

after
imagen

Who is “I” in your thread title? The app author or the user?