Ionic Footer Tabs come back to root

Ionic Framework ionic-v3
1

I need to go to root page on click on the footer tab. I used (ionSelect) but so my pages will be called 2 times. It works but why my pages will be called two times? Are there alternative solutions?

example:

<ion-tabs [selectedIndex]="mySelectedIndex" name="conference">
  <ion-tab [root]="tab1Root" tabTitle="{{ 'tab.1' | translate }}" tabIcon="home" (ionSelect)="goToRoot($event)"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="{{ 'tab.2' | translate }}" tabIcon="trophy" (ionSelect)="goToRoot($event)"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="{{ 'tab.3' | translate }}" tabIcon="ball" (ionSelect)="goToRoot($event)"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="{{ 'tab.4' | translate }}" tabIcon="stars" (ionSelect)="goToRoot($event)"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="{{ 'tab.5' | translate }}" tabIcon="player" (ionSelect)="goToRoot($event)"></ion-tab>
</ion-tabs>


  goToRoot(tab) {
    tab.goToRoot();
  }

Please help me