angular - ionic 3 : Pushing a page on specified tab

Question

情况

我正在创建一个由包含 <ion-tabs> 的根页面组成的应用程序每个标签页都是主从模式的“母版页”(见下图)。

Diagram of my project structure

我的目标

现在，我正尝试从我的 TabsPage 直接进入详细信息页面，因为我的 tabbar 中有一个 FAB 打开一个 QR-Code-Scanner，从中结果应该指向详细信息页面(基于已扫描的 ID)。

我已经尝试过的

我已经尝试了几种方法，最好的解决方案(虽然仍然没有按预期工作)正在使用

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

在我的 tabs.ts文件。

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

我的问题:

是否有可能将详细信息页面“插入”选项卡(从选项卡“外部”)，结果与通过母版页“手动”进入那里的结果相同(即保持 tabbar 可见并在详细信息页面上有 navCtrl.pop() 导致“返回”母版页)？

提前谢谢你。

Answer 1

在要打开详情页的页面中导入App

import { App } from 'ionic-angular';

然后使用下面的代码在选项卡中推送您想要的页面:-

this.app.getActiveNav().push(DetailPageA);