javascript - Angular with AdminLte3 SideBar treeview BUG

Question

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

Answer 1

Waitting for answers