How to change number of tabs(3 to 4) dynamically using *ngIf condition

ionic-v1
#1

for example:
I want to change 4 tabs to 3 tabs when I click an option in the menu (which changes the selected.switch value).Below code is working only for the first load but not dynamically .Can we change the number of tabs dynamically?

<ion-tab [root]=“tab1Root” tabTitle=“Home” tabIcon=“home”>
<ion-tab *ngIf=‘selected.switch==2 ’ [root]=“tab2Root” tabTitle=“about” tabIcon=“information-circle” >
<ion-tab *ngIf=selected.switch==1’ [root]=“tab4Root” tabTitle=“info” tabIcon=“information-circle” >
<ion-tab [root]=“tab3Root” tabTitle=“Contact” tabIcon=“contacts”>

#2 
<ion-tab
  title=""
  hidden={{isVisible}}>
</ion-tab>

You can change the isVisible to true or false.

#3

image
code.png1330×316 78 KB

Thanks for the reply thesourav. I am using above code to make the tabs hide. When I first load the app, it shows all the tabs as switch=0, but when I select other options from the menu which will change switch value to 1 or 2, tabs are not affected. I have also tried using hidden, it didn’t work .Is there anything that i missed?