2017-05-15 5 views
1

Ich habe bereits viele Lose suchen, um eine Lösung zu finden, aber kein Glück.Tabs navigation ionic 2

muss ich auf andere Seite umleiten, wenn Klick auf den Reiter Mein Code:

in app.html

<ion-footer> 
    <ion-toolbar> 
    <ion-tabs> 
     <ion-tab tabIcon="md-home" [root]="rootPage" tabTitle="Home"></ion-tab> 
     <ion-tab tabIcon="md-person" [root]="profilePage" tabTitle="Profile"></ion-tab> 
     <ion-tab tabIcon="md-notifications" [root]="updatePage" tabTitle="Updates"></ion-tab> 
    </ion-tabs> 
    </ion-toolbar> 
</ion-footer> 

in app.component.ts

rootPage: any = HomePage; 
profilePage: any = ProfilePage; 
updatePage: any = UpdatePage; 

Wenn ich auf auf Home ist es Aufruf Startseite Konstruktor, aber nicht auf die Startseite umgeleitet. Angenommen, ich bin auf der Warenkorbseite und klicke auf die Startseite Tab. Es ist Aufruf Startseite Konstruktor aber Seite bleibt gleich.

Bitte helfen Sie mir. Ich bin ne in IONIC2

Antwort

0

Sie können versuchen, die Seiten hinzufügen

entryComponents: [ 
    MyApp, 
    HomePage, 
    rootPage,profilePage,updatePage 
], 

app.modules.ts und versuchen, die Ionen Tabs als Wurzelelement zu bewegen, oder in Ionengehalt

<ion-content padding> 
<ion-tabs tabbarPlacement="top"> 
    <ion-tab tabIcon="md-home" [root]="rootPage" tabTitle="Home"></ion-tab> 
    <ion-tab tabIcon="md-person" [root]="profilePage" tabTitle="Profile"></ion-tab> 
    <ion-tab tabIcon="md-notifications" [root]="updatePage" tabTitle="Updates"></ion-tab> 
</ion-tabs> 
</ion-content> 

Ändern Sie das Attribut tabbarPlacement, wenn Sie das Steuerelement unten platzieren möchten.