i am trying to implement AdminLte3 with Angular, i've installed adminLte with the angular cli and everythings works fine. The problem that i am facing is with the Treeview sidebar menu.
The problem:
When i open the dahsboard and open link (router link) the menu opens well but if i click on another link and then click the back button from browser the sidebar menu doesnt work as supossed to. as you can see on the image
my package json
my angular json
i did start the treeview widget as you can see on the picture beloow, so its good, the problem is when i trie navigate using the browser arrows
and this is my sidebar
<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>
sory for my english
question from:
https://stackoverflow.com/questions/65885853/angular-with-adminlte3-sidebar-treeview-bug 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…