Ionic 2

Question

में एक विशिष्ट टैब का चयन करें, मैं आयनिक 2 का उपयोग करने की कोशिश कर रहा हूं और मैं अभी भी सबसे बुनियादी कार्यों के साथ संघर्ष कर रहा हूं, जैसे कि ऐप लोड होने पर एक टैब का चयन करें।

मैंने Tabs नियंत्रक इंजेक्ट करने की कोशिश की है और पर onPageLoaded ईवेंट पर कॉल करने का प्रयास किया है, लेकिन इसका कोई फायदा नहीं हुआ है।

क्या कोई मदद कर सकता है?

Answer 1

//importing tabs for manipuling our ion-tabs 
import {Tabs} from 'ionic-angular'; 
@Page({ 
    templateUrl: 'build/pages/page1/page1.html' 
}) 
export class Page1 
{ 
    //provide Angular with metadata about things it should inject in the constructor 
    static get parameters() 
    { 
     return [[Tabs]]; 
    } 
    //after injecting ,passing an instance of [Tabs] in the page constructor 
    constructor(tab) { 
     this.tab = tab; 
    } 
    //"onPageWillEnter" function fires every time a page becomes the active  view. 
    onPageWillEnter() 
    { 
     //make the second tab selected From the first tab (within the current Page 'page1') 
     // 1 IS the index of the target tab 
     this.tab.select(1); 
    } 
} 

Answer 2

आयनिक 2 परिवर्तन में एक टैब के लिए डिफ़ॉल्ट करने के लिए SelectedIndex संपत्ति:

<ion-tabs [selectedIndex]="1"> 
     <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="rewind"></ion-tab> <!-- Index 0--> 
     <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="md-time"></ion-tab><!-- Index 1 (Selected)--> 
     <ion-tab [root]="tab3Root" tabTitle="Contacts" tabIcon="fastforward"></ion-tab><!-- Index 2--> 
</ion-tabs> 

बारे में टैब का चयन किया टैब पृष्ठ लोड होने दिया जाएगा।

Answer 3

var t: Tabs = this.nav.parent; 
t.select(index); 

Answer 4

कोशिश आयोनिक 3 में और कोणीय 4.

import { Tabs } from 'ionic-angular/navigation/nav-interfaces'; 
@ViewChild('myTabs') tabRef: Tabs; - With in the class about constructor. 
this.tabRef.select(0, {}); // In the method where you want set tab.