मेरे पास ईटपेज नाम का एक पेज है जिस पर कोई टैब नहीं है। मैं जो करना चाहता हूं वह है माईपेज से टैब बार इंडेक्स 2 पर नेविगेट करना और ईटपेज से पैरामीटर पास करना।

मैंने पैरामीटर पास करने के लिए इस कोड का उपयोग करने का प्रयास किया है

opentab2(id: string) {
    this.navCtrl.push('TabsPage', {
      docId: id
}); 

लेकिन यहां से टैब बदलना नहीं जानते।

0
roslan armina 31 मई 2018, 06:44

2 जवाब

सबसे बढ़िया उत्तर

Ionic Tabs का उपयोग करना आसान है।

आप अपने TabsPage पर docId पास कर रहे हैं। TabsPage में init चरण के दौरान, आपको बस इस तरह से टैब का चयन करना होगा:

एचटीएमएल:

<ion-tabs #myTabs>
  <ion-tab [root]="tab1Root"></ion-tab>
  <ion-tab [root]="tab2Root"></ion-tab>
  <ion-tab [root]="tab3Root"></ion-tab>
</ion-tabs>

टीएस:

export class TabsPage {

@ViewChild('myTabs') tabRef: Tabs;

ionViewDidEnter() {
  this.tabRef.select(docId);
 }

}
0
slashpm 1 जून 2018, 12:41

अगर आप Ionic Tabs की बात कर रहे हैं, तो सिंटैक्स इस तरह है।

टैबपेज

@Component({
    templateUrl: 'tabs.html'
})
export class TabsPage {
  fooId:any;
  constructor() {

      this.fooId = "some-value";

      // this tells the tabs component which Pages should be each tab's root Page
      this.tab1Root = Tab1;
      this.tab2Root = Tab2;
      this.tab3Root = Tab3;
    }
}

पेज

<ion-tabs>
    <ion-tab tabTitle="Tab1" [root]="tab1Root" [rootParams]="fooId"></ion-tab>
    <ion-tab tabTitle="Tab2" [root]="tab2Root" [rootParams]="fooId"></ion-tab>
    <ion-tab tabTitle="Tab3" [root]="tab3Root" [rootParams]="fooId"></ion-tab>
</ion-tabs>

अन्यथा यदि आप मूल्यों को पारित करना चाहते हैं तो मैं सेवाओं का उपयोग करने का सुझाव दूंगा। मुझे बताएं कि क्या आप जानना चाहते हैं कि यह services.ill के माध्यम से कैसे किया जाता है, यहां कोड साझा करें।

और पढ़ें यहां और आधिकारिक दस्तावेज़

0
manish kumar 31 मई 2018, 08:17