How Active one Tab by defualt

Ionic Framework ionic-v3
1

Hi
i use tab for showing search result but i have a problem, tabs by default not actived and tan content not show, user must choose one of tab to tab content show
how i active one tab by default that user don’t need to choose tab for showing content in first

Thanks.

2

You can specify a default tab in your template, for example -> selectedIndex=“2”:

<ion-tabs #tabs selectedIndex="2" (ionChange)="onIonChanged($event)">
  <ion-tab [root]="tab0Root" tabUrlPath="activity-tab" tabIcon="fa-fal-list"></ion-tab>
  <ion-tab [root]="tab1Root" tabUrlPath="location-tab" tabIcon="fa-fal-map-marker"></ion-tab>
  <ion-tab [root]="tab2Root" tabUrlPath="search-tab" tabIcon="fa-fal-street-view"></ion-tab>
  <ion-tab [root]="tab3Root" tabUrlPath="person-tab" tabIcon="fa-fal-user"></ion-tab>
  <ion-tab [root]="tab4Root" tabUrlPath="notifications-tab" tabIcon="fa-fal-bell"></ion-tab>
</ion-tabs>
1 Like