Ionischen 2 tab-Problem

Ich eine Seite erstellt mit 3 tabs mit ionic-2.Innen eine Seite, die ich erstellt eine Schaltfläche, und klicken Sie auf der I-Taste wechseln Sie zu einer neuen untergeordneten Seite durch ausführen von
der push-Befehl, aber wenn ich bin klicken auf die Registerkarte mit dem Kind zu Seite, ich bin nicht in der Lage zu sehen, die root-Seite stattdessen sehe ich, wie die neue untergeordnete Seite.
Ich will sehen, die root-Seite auf überdenken der Registerkarte angezeigt.

Unten ist mein code.. hier können Sie in about.html ich habe platziert eine Schaltfläche zum navigieren zu einer untergeordneten Seite.Die Navigation ist passiert, aber sobald ich navigieren, dann bin ich nicht in der Lage, um zu sehen, die Registerkarte „about“ – Seite ohne einen Klick auf die zurück-Taste

 tabs.html
    <ion-tabs>
      <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
      <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab>
      <ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
    </ion-tabs>

    tabs.ts
    import { Component } from '@angular/core';
    import { HomePage } from '../home/home';
    import { AboutPage } from '../about/about';
    import { ContactPage } from '../contact/contact';

    @Component({
      templateUrl: 'tabs.html'
    })
    export class TabsPage {
      //this tells the tabs component which Pages
      //should be each tab's root Page
      tab1Root: any = HomePage;
      tab2Root: any = AboutPage;
      tab3Root: any = ContactPage;

      constructor() {

      }
    }

    abuot.html
    <ion-header>
      <ion-navbar>
        <ion-title>
          About
        </ion-title>
      </ion-navbar>
    </ion-header>

    <ion-content padding>

    <button ion-button (click)="navigate()" ion-button color="secondary">GO to LIst</button>
    <!-- <button [navPush]="listPage" ion-button color="secondary">Go To About</button> -->
        <!-- <button ion-button color="secondary">Secondary</button> -->
    </ion-content>

    about.ts
    import { Component } from '@angular/core';
    import {ListPage} from '../list/list';

    import {ViewController, NavController} from 'ionic-angular';

    @Component({
      selector: 'page-about',
      templateUrl: 'about.html'
    })
    export class AboutPage {


      constructor(public navCtrl: NavController,public viewctr: ViewController) {
      }
      navigate(){
         this.navCtrl.push(ListPage);
      }

    }
  • zeig uns deinen code schwer zu Debuggen, ohne es zu sehen
  • können Sie fügen Sie hier Ihren code?
  • ich habe platziert den code. bitte überprüfen
InformationsquelleAutor sadique | 2017-01-24



One Reply
  1. -2

    Nur einen Stich im Dunkeln, da wir nicht sehen können, alle Ihre code (das sollte eine Ergänzung zu jeder Frage hier). Sie könnten versuchen, mit .setRoot (), um die eigentliche Seite, die Sie wollen, sind.

    import { NavController } from 'ionic-angular';
    import { NameOfPage } from '../NameOfPage';
    
    pageYouWant: any = NameOfPage;
    
    constructor(public navctrl: NavController){}
    
    onClickFunction(){
        this.navCtrl.setRoot(pageYouWant)
    }
    
    • ich habe platziert den code. bitte überprüfen
    • Sie sind Antwort würde ausblenden des aktuellen tabs.
    • Ja, es ist versteckt aktuelle Registerkarten

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.