Selecting a different tab programmatically


My app has 3 tabs. In tab 0, there’s a button, which when pressed, calls the following function


which redirects to a page with a request form. The tabs aren’t visible here.
After submitting the form, it redirects to (or at least is supposed to go straight to) tab 1 via this code


Here’s some of the code in the TabsHome page:

selector: 'page-tabs-home',

//templateUrl: 'tabs-home.html'

template: `
<ion-tabs [selectedIndex]="selectedTab" (ionChange)="tabChanged($event)" color="dark" #myTabs id="tabs">
<ion-tab tabTitle="Home" [root]="home_tab" tabIcon="home"</ion-tab>
<ion-tab tabTitle="Active" [root]="active_tab" tabIcon="star"</ion-tab>
<ion-tab tabTitle="Submitted" [root]="submitted_tab" tabIcon="checkmark"</ion-tab>

export class TabsHome {

@ViewChild('myTabs') tabRef: Tabs;
//.... other stuff

if (this.params.get("tab"))
      this.selectedTab = 0;

As it is now, instead of going straight to tab 1, it goes to tab 0, then 1, albeit rapidly.

How can I force it to go straight to tab 1, instead of showing 0 before 1?

Do you recommend the form page be opened as a modal, instead of navctrl.push?


Any help would be greatly appreciated?
Basically what I’m trying to do is to highlight the correct tab from within the tabs page. When the selectedTab variable is set, the correct page shows, but the original tab is still highlighted. What’s the code for highlighting the correct tab from within tabsPage.ts?