基于Ionic 4选项卡的应用程序中的多个侧面菜单

Question

我已经使用命令创建了一个基于标签的应用。

ionic start myApp tabs

想法是为每个选项卡页面添加不同的侧菜单，尝试进行主细节导航，使用侧菜单作为主元素列表，并使用选项卡页面显示详细内容。

app.component.html文件如下所示：

<ion-app>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

tab1.page.html类似代码：

<ion-menu contentId="aside1" side="start">
    <ion-content>
        <ion-list>
            <ion-item class="side-menu-item" *ngFor="let item of strings">{{item.title}}</ion-item>
        </ion-list>
    </ion-content>
</ion-menu>
<ion-router-outlet id="aside1" main></ion-router-outlet>

tab2.page.html代码：

<ion-menu contentId="aside2" side="start">
    <ion-content>
        <ion-list>
            <ion-item class="side-menu-item" *ngFor="let item of strings">{{item.title}}</ion-item>
        </ion-list>
    </ion-content>
</ion-menu>
<ion-router-outlet id="aside2" main></ion-router-outlet>

当我滑动并在选项卡的第一次显示时显示单个字符串数组元素时，菜单aside1和aside2可以使用。 问题是当我返回上一个选项卡时，而不是再次显示aside1 side menu ，此操作停止了，而swipe手势的真正作用是显示了另一个选项卡的侧菜单。

我不知道是否需要在tab1.page.ts和tab2.page.ts使用特定的代码才能完成此工作。

Answer 1

问题是我没有在每个侧面菜单中指定menuId 。

如果有人发现为每个页面创建不同的菜单很有趣，我不会删除该问题