ionic 3 с вкладки на обычную страницу

Question

Структура страниц: Tabs(page1,page2,page3).

Когда я нажимаю кнопку на странице1, я хочу перейти на страницу4, но теперь мы все еще можем видеть вкладку, как сделать, чтобы страница4 отображалась как обычная страница.и могу вернуться на страницу с вкладками.

На странице 1 я использую нижнюю строку для перехода на страницу 4

this.navCtrl.push(page4);

Answer 1

Я думаю, что вы могли бы сначала попробовать следующее: только для теста , чтобы понять, что это достижимо:

передать параметры ионным вкладкам следующим образом:

<ion-tabs>
 <ion-tab [root]="tabMap" [rootParams]="tabParams" tabIcon="map"></ion-tab>
 <ion-tab [root]="tabList" [rootParams]="tabParams" tabIcon="list"></ion-tab>
</ion-tabs>

Подготовьте параметры в tabs.ts следующим образом:

  ionViewWillEnter() {
   this.tabParams.parentNav = this.navCtrl;
  }

Таким образом, на внутренней странице (стр. 1, 2, 3) вы можете извлечь ее, поместить в переменную, например parentNav,и когда вы хотите перейти со страницы вкладок, чтобы сделать this.parentNav.push (page4).

Правильный способ Я думаю, что использовать события events: ionicforum

Таким образом, на странице tabs.ts вы можете иметь этот фрагмент кода:

  events.subscribe('tabs:newPage', (page) => {
  this.navCtrl.push(page);
 });

И на каждой странице или в сервисе вы можете иметь:

newPage(page) {
 console.log('navigate to a new page, not a tab')
 this.events.publish('tabs:newPage', page);
}

Answer 2

Что такое ионный?

Если ленивая загрузка, может быть, ионная 3, ты объявил page4?

Вы должны нажать это так: this.navCtr.push('page4');

Если все в порядке, попробуйте это (это извлечено из примера приложения):

static get parameters() {
  return [[IonicApp], [NavController], [ConferenceData], [UserData]];
}

constructor(app, nav, ...) {
  // all of the constructor code
}

tourFunction() {
  let nav = this.app.getComponent('nav');

  nav.push('page4');
}

Ref