时间戳

首页 > 解决方案 > 每次输入时将特定的 ion-tab 重置为主视图

angular - 每次输入时将特定的 ion-tab 重置为主视图

问题描述

所以我有以下标签：

<ion-tabs>
    <ion-tab tabsHideOnSubPages="true" [root]="NewsView"></ion-tab>
    <ion-tab tabsHideOnSubPages="true" [root]="SituationView"></ion-tab>
    <ion-tab tabsHideOnSubPages="true" [root]="RankingsView" ></ion- tab>
    <ion-tab tabsHideOnSubPages="true" [root]="EmailsView"></ion-tab>
    <ion-tab tabsHideOnSubPages="true" [root]="MenuView"></ion-tab>
</ion-tabs>

如您所见，最后一个是菜单页面。在那里，为了使菜单在菜单的第一页上保持可见，我使用 .setRoot(Page) 进行导航，因此我覆盖了 MenuPage 的内容

基本上我所拥有的是：

<ion-content padding>
    <ion-list class="menu">
        <button ion-item detail-none text-end (click)="goToSchedule()">
            Agenda
        </button>
        <button ion-item detail-none text-end (click)="goToFilesList()">
            Files
        </button>
        <button ion-item detail-none text-end (click)=“goToHelpPage()”&gt;
            Help
        </button>
    </ion-list>
</ion-content>

在.ts内部：

goToSchedule() {
    this.navCtrl.setRoot(SchedulePage);
}

当我从 MenuPage 选项卡移动到另一个选项卡，然后返回 MenuPage 选项卡时，我看到的不是菜单，而是我所在的最后一个子页面（如文件/计划）

每次进入此选项卡时，如何将页面重置为 MenuPage 视图？

谢谢

标签： angularionic-frameworkionic3

解决方案

推荐阅读