离子3：在指定选项卡上推送页面

Question

情况

我正在创建一个应用程序，其中包含一个包含<ion-tabs>的根页面，每个标签页都是一个主要细节模式的“母版页”（参见下图）。

Diagram of my project structure

我的目标

现在，我正试图从我的TabsPage直接进入详细信息页面，因为我的标签栏中有一个FAB 打开了一个QR-Code-Scanner，其结果应该是引导到详细信息页面（基于已扫描的ID）。

我已经尝试了什么

我尝试了几种方法和最佳解决方案（仍未按预期工作）正在使用

let navCtrl: NavController = this.app.getRootNav();
nav.push(DetailPageA, { id: scannedId });

在我的tabs.ts文件中。

不幸的是，使用此方法，它会将详细信息页面“推过”TabsPage，从而隐藏标签栏。

我的问题：

是否可以将详细页面“推入”选项卡（从选项卡的“外部”），其结果与通过母版“手动”到达那里相同（即保留 tabbar 可见并且详细信息页面上的navCtrl.pop()会“返回”主页面？）

提前谢谢。

Answer 1

在要打开详细信息页面的页面中导入应用程序

从＆ion; angular-angular＆＃39;;

导入{App}

然后使用下面的代码在标签中推送您想要的页面： -

this.app.getActiveNav（）推（DetailPageA）;