情况
我正在创建一个应用程序,其中包含一个包含<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);