angular Ionic2-टैब जब भी मैं एक नया पृष्ठ/घटक navCtrl के साथ धकेलता हूं तब गायब हो जाता है



typescript tabs (1)

यह अपेक्षित व्यवहार है tabsHideOnSubPages:false डिफ़ॉल्ट व्यवहार है यहां समस्या नहीं है जब आप यह। this.navCtrl.push(Directory); यह WalkThrough घटक के शीर्ष पर आता है। Directory टैब के बारे में जानकारी नहीं है

केवल Tabs पेज और उसके बच्चों को टैब के बारे में पता होगा। यहां आपने Tabs को NavController में धकेल नहीं दिया है तो एनएआर अरै इस तरह दिखता है [WalkThrough,Directory] इसके बजाय आपको [WalkThrough, Tabs(default: Directory)]

आपको टैब पृष्ठ को पुश करने की आवश्यकता है और <ion-tabs selectedIndex="1"> । आप कौन से इंडेक्स को navParams लिए navParams का उपयोग कर सकते हैं। यहाँ एक नकली है

walkthrough.ts -> this.navCtrl.push(Tabs,{index: "1"});

tabs.ts -> index = navParams.get('index')

tabs.html -> <ion-tabs selectedIndex= {{index}} >

मैंने इसे परीक्षण किया है। आशा है कि यह आप के लिए काम करता है।

Ionic डॉक्स और सवालों की तरह मेरी समझ के अनुसार: एक नया पेज धक्का करते समय टैब कैसे रखे?

मेरे टैब पट्टी को छिपाने से रोकने के लिए मैंने क्या किया है सही ढंग से किया है स्पष्ट होने के लिए, टैब बार सही ढंग से दिखाता है जब नेविगेशन किसी भी टैब पेज पर शुरू होता है और आप स्टैक में किसी अन्य टैब पृष्ठ पर जाते हैं। जब भी आप नेवि नियंत्रक या मोडल नियंत्रक आदि से "पुश" विधि का उपयोग करते हैं तो टैब बार गायब हो जाता है। मुझसे कहां गलती हो रही है?

नीचे दिए गए कोड में, व्यक्ति पहली बार एप्लिकेशन को डाउनलोड करते समय उस पर चलने वाला व्यक्ति होता है वहां एक ऐसा बटन होता है, जो तब उन निर्देशिका में ले जाता है जहां एक टैब बार भी होना चाहिए।

इस मामले में जब उपयोगकर्ता ने पहले से ही वॉकथ्रू को देखा है, तो रूट पृष्ठ होम पेज पर सेट है, जहां टैब बार मौजूद है। यदि उपयोगकर्ता होम पेज से डायरेक्टरी पृष्ठ पर टैब बार का उपयोग करते हुए टैब बार को टैब बार में रहता है, तो पृष्ठ के निचले भाग पर सही ढंग से दिखाई देता है।

टैब्स को जोड़ने में मेरी समझ से: एचआईडीओएनसप पेजेस: एप को गलत.मॉड्यूल.टीएस इस व्यवहार को रोकेंगे लेकिन ऐसा नहीं है।

app.module.ts ...

imports: [
    IonicModule.forRoot(MyApp, {
       tabsHideOnSubPages:false
    })
]

...

app.com.onent.ts ...

import { Tabs } from '../pages/tabs/tabs';
import { Walkthrough } from '../pages/walkthrough/walkthrough';
@Component({
  templateUrl: 'app.html'
})

export class MyApp {
  rootPage: any = Tabs;
  launchObject:any;
   constructor(private platform: Platform){
     platform.ready().then(() => {
       if(justDownloadedApp){
         this.rootPage = Walkthrough;
       }
     })
   }
 }

...

app.component.html

<ion-nav [root]="rootPage"></ion-nav>

tabs.ts

import { Component } from '@angular/core';
import { Home } from '../home/home';
import { Directory } from '../directory/directory';

@Component({
  templateUrl: 'tabs.html'
})
export class Tabs {
  tab1Root: any = Home;
  tab2Root: any = Directory;
  constructor(){}
}

tabs.html

<ion-tabs>
   <ion-tab [root]="tab1Root" tabsHideOnSubPages="false" tabTitle="Spotlight" tabIcon="flash"></ion-tab>
  <ion-tab [root]="tab2Root" tabsHideOnSubPages="false" tabTitle="Stores" tabIcon="cart"></ion-tab>
</ion-tabs>

walkthrough.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Directory } from '../directory/directory';

@Component({
  selector: 'walkthrough',
  templateUrl: 'walkthrough.html'
})
export class Walkthrough {
  constructor(public navCtrl: NavController){}

  toDirectory(): any{
    this.navCtrl.push(Directory);
  }
}

walkthrough.html

<ion-header class="opaque"></ion-header>
<ion-content class="walkthroughBackground">
   <ion-col>
       <ion-row>
          <button class="clear-button-two" (click)="toDirectory()">Directory</button>
       </ion-row>
   <ion-col>
</ion-content>




ionic2