如何解决Angular with AdminLte3 SideBar treeview BUG
我正在尝试使用 Angular 实现 AdminLte3,我已经使用 angular cli 安装了 adminLte,并且一切正常。我面临的问题是 Treeview 侧边栏菜单。
问题: 当我打开仪表板并打开链接(路由器链接)时,菜单打开良好,但如果我单击另一个链接,然后单击浏览器中的后退按钮,侧边栏菜单将无法正常工作。正如你在图片上看到的
我的包json
我的角度 json
正如您在下面的图片中看到的那样,我确实启动了树视图小部件,所以很好,问题是当我尝试使用浏览器箭头进行导航时
这是我的侧边栏
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column nav-flat" data-widget="treeview" role="menu" data-accordion="true">
<!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library -->
<li class="nav-item has-treeview" routerLinkActive="active menu-open" >
<a href="#" class="nav-link">
<i class="nav-icon fas fa-users-cog"></i>
<p>Gerir Usuários<i class="right fas fa-angle-left"></i></p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a routerLink="/dashboard/manage-users/users/users-list" routerLinkActive="active" class="nav-link">
<i class="nav-icon fas fa-user"></i>
<p>Usuários</p>
</a>
</li>
<li class="nav-item">
<a routerLink="route2" routerLinkActive="active" class="nav-link">
<i class="nav-icon fas fa-users"></i>
<p>Grupos</p>
</a>
</li>
<li class="nav-item">
<a [routerLink]="['heehh']" routerLinkActive="active" class="nav-link">
<i class="nav-icon fas fa-user-tag"></i>
<p>Perfil</p>
</a>
</li>
</ul>
</li>
<li class="nav-item has-treeview" routerLinkActive="active menu-open">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-power-off"></i>
<p>Nova cena<i class="right fas fa-angle-left"></i></p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a routerLink="route3" routerLinkActive="active" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v1</p>
</a>
</li>
<li class="nav-item">
<a routerLink="route2" routerLinkActive="active" routerLink="/dashboard/user-profile" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>User profile</p>
</a>
</li>
<li class="nav-item">
<a [routerLink]="['hethttrehh']" routerLinkActive="active" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v3</p>
</a>
</li>
</ul>
</li>
<li class="nav-item has-treeview" routerLinkActive="active menu-open">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-user-alt"></i>
<p>Nova cena<i class="right fas fa-angle-left"></i></p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a routerLink="route3" routerLinkActive="active" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v1</p>
</a>
</li>
<li class="nav-item">
<a [routerLink]="['hethttrehh']" routerLinkActive="active" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v3</p>
</a>
</li>
</ul>
</li>
</ul>
</nav>
对不起我的英语
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。