Как перейти к определенным вкладкам индекса с другой страницы (не имеют вкладки изначально) в ионной 3?

Question

У меня есть имя страницы EatPage, на которой нет вкладок.Я хочу перейти от MyPage к индексу 2 панели вкладок и передать параметр из EatPage.

Я пытался использовать этот код для передачи параметра

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

, но не знаю, как изменить вкладку здесь.

Answer 1

Используя Ионные вкладки , это легко.

Вы передаете docId на страницу TabsPage.В TabsPage на этапе инициализации вам просто нужно выбрать вкладку, например:

html:

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

ts:

export class TabsPage {

@ViewChild('myTabs') tabRef: Tabs;

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

}

Answer 2

Если вы говорите об ионных вкладках, то синтаксис такой:

TabsPage

@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, поделитесь кодом здесь.

Подробнее здесь и официальные документы