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



情况

我正在创建一个应用程序,其中包含一个包含<ion-tabs>根页面,每个选项卡页都是大纲细节模式的"母版页"(见下图)。

我的项目结构图

我的目标

现在,我正在尝试从我的TabsPage直接进入详细信息页面,因为我的标签栏中有一个 FAB 打开一个 QR 码扫描仪,结果应从中指向详细信息页面(基于扫描的 ID)。

我已经尝试过的

我已经尝试了几种方法,最好的解决方案(尽管仍然没有按预期工作)是使用

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

在我的tabs.ts文件中。

不幸的是,使用此方法,它将详细信息页面"推到"TabsPage上,从而隐藏选项卡栏

我的问题:

是否可以将详细信息页面"推送到"选项卡(从选项卡的"外部"),结果与通过母版页"手动"转到那里相同(即保持选项卡栏可见并让详细信息页面上的navCtrl.pop()引导"返回"母版页)?

提前谢谢你。

在要打开详细信息页面的页面中导入App

import { App } from 'ionic-angular';

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

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

相关内容

  • 没有找到相关文章

最新更新