Добавить Cookie в Bootstrap складной боковой панели навигации

Question

Моего HTML кода:

<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1"> 
      <div id="sidebar-wrapper"> 
      <ul class="sidebar-nav navbar-nav" id="sidebar"> 
       <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI System">EAI System<i class="fa fa-desktop sub_icon"></i></a> 
       <ul class="dropdown-menu forAnimate relative" role="menu"> 
        <li><a href="#" title="Service Catalog">Service Catalog<i class="fa fa-cogs sub_icon"></i></a></li> 
        <li><a href="#" title="Environment">Environment<i class="fa fa-cloud sub_icon"></i></a></li> 
        <li><a href="#" title="Onboarding Checklist">Onboarding Checklist<i class="fa fa-list-alt sub_icon"></i></a></li> 
        <li><a href="#" title="Active Userlist">Active Userlist<i class="fa fa-user sub_icon"></i></a></li> 
       </ul> 
       </li> 
       <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Troubleshooting">EAI Troubleshooting<i class="fa fa-exclamation-circle sub_icon"></i></a> 
       <ul class="dropdown-menu forAnimate relative" role="menu"> 
        <li><a href="dashboard.html" title="Troubleshooting">Troubleshooting<i class="fa fa-exclamation-circle sub_icon"></i></a></li> 
       </ul> 
       </li> 
       <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Deployment">EAI Deployment<i class="fa fa-share sub_icon"></i></a> 
       <ul class="dropdown-menu forAnimate relative" role="menu"> 
        <li><a href="#" title="Deployment Log">Deployment Log<i class="fa fa-check-square-o sub_icon"></i></a></li> 
        <li><a href="#" title="Test Results">Test Results<i class="fa fa-server sub_icon"></i></a></li> 
       </ul> 
       </li> 
       <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Reports">EAI Reports<i class="fa fa-line-chart sub_icon"></i></a> 
       <ul class="dropdown-menu forAnimate relative" role="menu"> 
        <li><a href="#" title="Reports">Reports<i class="fa fa-line-chart sub_icon"></i></a></li> 
       </ul> 
       </li> 
      </ul> 
      </div> 
     </div> 

Это меню начальной загрузки в главной странице. Моя проблема - когда я нажимаю на любой коллапс и нажимаю ссылку. Следующая страница открывается с открытой панелью обвала.

Answer 1

Несмотря на это не предпочтительно использовать JQuery в Угловом, как указано в docs вы можете использовать:

$('#bs-sidebar-navbar-collapse-1').collapse('hide') 

скрыть свернутое меню. Вы можете сделать это в новом контроллере представления при загрузке.