Navigation not working properly in ionic3


In my application, I have two page and on each page, I need to implement ion-tabs. My problem is when I switch my page the tab routing is not working properly. It is displaying the last tab selected of my older page. Please have look:

App Component code:

 this.pages = [
            { title: 'Ewt', component: 'EwtTabsPage' },
            { title: 'FLBP', component: 'FlbpTabsPage' },


Page 1 tabs html code:

<ion-tabs #flbpTabs [selectedIndex]="selectedTab" tabsPlacement="top" (ionChange)="onTabsChange()">
  <!-- Indicates with tabsPage should handle each tab here -->
  <ion-tab [root]="tab1Root" tabTitle="Summary"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="MTD"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Monthly"></ion-tab>
Page 1 ts code

    @ViewChild('flbpTabs') tabRef: any;
And same code with another page:

First time URL:

While switch to another page:


But it should be 

(Working properly when I click on tabs)


Please help and let me know if need more clarification.