Ionic 3 Навигация на определенной странице

Question

Сценарий:

У меня есть четыре компонента, как показано на рисунке ниже.Компонент chatbot имеет navController.Если я использую this.navCtrl.push(ComponentD);, вся страница заполняется компонентом D.

Требование:

Когда я использую this.navCtrl.push(ComponentD); внутри компонента chatbot, Компонент D должен быть перемещен в местоположение Компонента C. Остальные компоненты не должны исчезнуть.

Как я могу это сделать.Любые выводы будут полезны.Спасибо.

Answer 1

Где вы выполняете этот код?NavCtrl автоматически вводится под углом.И инжекторная служба находит ближайший NavCtrl.Так что он не всегда будет вести себя одинаково.Это зависит от того, где вы запускаете код.Не могли бы вы опубликовать контекст, где вы делаете this.navCtrl.push(ComponentD);?Другой способ - поискать правильный NavCtrl, выполнив this.app.getActiveNavs().

Answer 2

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

<component-a></component-a>
<component-b></component-b>
<ion-nav [root]="component-c" #content></ion-nav>

внутри компонента ion-nav, отображаются другие страницы.