如何解决如何为移动设备创建菜单侧边栏
我有以下代码,类 hide-menu 的范围使得菜单项的标题不显示,但在打开菜单侧边栏时也不显示。 如果我删除类隐藏菜单,它会显示菜单标题,但是当菜单侧边栏未打开时它们也会显示,因此很奇怪。在桌面上它工作正常,但在移动/平板电脑上它会发生,就像我说的那样。我会贴一些图片来完全理解。
sidebar.component.html
<nav class="sidebar-nav pt-3">
<ul id="sidebarnav">
<!-- First level menu -->
<li class="sidebar-item"
*ngFor="let sidebarnavItem of sidebarnavItems"
[routerLinkActive]="sidebarnavItem.submenu.length != 0 ? '' : 'active'">
<!-- <div class="" *ngIf="sidebarnavItem.extralink === true">{{sidebarnavItem.title}}</div> -->
<a mat-menu-item class="sidebar-link waves-effect waves-dark"
[routerLink]="sidebarnavItem.class === '' ? [sidebarnavItem.path] : null"
[ngClass]="[sidebarnavItem.class]"
(click)="addExpandClass(sidebarnavItem)"
[routerLinkActive]="sidebarnavItem.submenu.length != 0 ? '' : 'active'">
<i [ngClass]="[sidebarnavItem.icon]"></i>
<span class="hide-menu">{{sidebarnavItem.title}}</span>
</a>
</li>
</ul>
</nav>
打开侧边栏导航菜单时: When opening the sidebarnav happens this 关闭时: When it is closed Alosthis 是它在台式机(不是移动设备或平板电脑)上的工作方式。它始终保持显示(如我所愿)。 And this is how it works on desktop
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。