我用命令创建了一个基于标签的应用程序。
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
中的特定代码才能使其工作。
1条答案
按热度按时间yrefmtwq1#
问题是我没有在每个侧菜单中指定
menuId
。例如:我不删除的情况下,有人觉得有趣的问题,为每个页面创建不同的菜单