title: Why toggle sidebar bootstrap not working in angular admin panel
body: <p>i want to integrate admin panel in angular 9 so i make three component like header, footer, sidebar and inside my admin component i have add these three component it is working but when i click sidebar link it redirect to login page instead of toggling sidebar link and sidebar toggle not working  how can i fix this thanks is advance.</p>
  
  <p>in my admin.component.html</p>
  
  <pre><code>&lt;app-header&gt;&lt;/app-header&gt;
  &lt;app-sidebar&gt;&lt;/app-sidebar&gt;
   &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;app-footer&gt;&lt;/app-footer&gt;
  </code></pre>
  
  <p>inside my sidebar.component.html</p>
  
  <p>
      </p>
  
  <pre><code>    &lt;!-- Sidebar mobile toggler --&gt;
      &lt;div class="sidebar-mobile-toggler text-center"&gt;
          &lt;a href="#" class="sidebar-mobile-main-toggle"&gt;
              &lt;i class="icon-arrow-left8"&gt;&lt;/i&gt;
          &lt;/a&gt;
          Navigation
          &lt;a href="#" class="sidebar-mobile-expand"&gt;
              &lt;i class="icon-screen-full"&gt;&lt;/i&gt;
              &lt;i class="icon-screen-normal"&gt;&lt;/i&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /sidebar mobile toggler --&gt;
  
  
      &lt;!-- Sidebar content --&gt;
      &lt;div class="sidebar-content"&gt;
  
          &lt;!-- User menu --&gt;
          &lt;div class="sidebar-user"&gt;
              &lt;div class="card-body"&gt;
                  &lt;div class="media"&gt;
                      &lt;div class="mr-3"&gt;
                          &lt;a href="#"&gt;&lt;img src="./assets/global_assets/images/demo/users/face11.jpg" width="38" height="38" class="rounded-circle" alt=""&gt;&lt;/a&gt;
                      &lt;/div&gt;
  
                      &lt;div class="media-body"&gt;
                          &lt;div class="media-title font-weight-semibold"&gt;Victoria Baker&lt;/div&gt;
                          &lt;div class="font-size-xs opacity-50"&gt;
                              &lt;i class="icon-pin font-size-sm"&gt;&lt;/i&gt; &amp;nbsp;Santa Ana, CA
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="ml-3 align-self-center"&gt;
                          &lt;a href="#" class="text-white"&gt;&lt;i class="icon-cog3"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- /user menu --&gt;
  
  
          &lt;!-- Main navigation --&gt;
          &lt;div class="card card-sidebar-mobile"&gt;
              &lt;ul class="nav nav-sidebar" data-nav-type="accordion"&gt;
  
                  &lt;!-- Main --&gt;
                  &lt;li class="nav-item-header"&gt;&lt;div class="text-uppercase font-size-xs line-height-xs"&gt;Main&lt;/div&gt; &lt;i class="icon-menu" title="Main"&gt;&lt;/i&gt;&lt;/li&gt;
                  &lt;li class="nav-item"&gt;
                      &lt;a href="index.html" class="nav-link active"&gt;
                          &lt;i class="icon-home4"&gt;&lt;/i&gt;
                          &lt;span&gt;
                              Dashboard
                          &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="nav-item nav-item-submenu"&gt;
                      &lt;a href="#" class="nav-link"&gt;&lt;i class="icon-color-sampler"&gt;&lt;/i&gt; &lt;span&gt;Themes&lt;/span&gt;&lt;/a&gt;
  
                      &lt;ul class="nav nav-group-sub" data-submenu-title="Themes"&gt;
                          &lt;li class="nav-item"&gt;&lt;a href="index.html" class="nav-link active"&gt;Default&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="nav-item"&gt;&lt;a href="http://demo.interface.club/limitless/demo/Template/layout_1/LTR/material/full/index.html" class="nav-link"&gt;Material&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="nav-item"&gt;&lt;a href="http://demo.interface.club/limitless/demo/Template/layout_1/LTR/dark/full/index.html" class="nav-link"&gt;Dark&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="nav-item"&gt;&lt;a href="http://demo.interface.club/limitless/demo/Template/layout_1/LTR/clean/full/index.html" class="nav-link disabled"&gt;Clean &lt;span class="badge bg-transparent align-self-center ml-auto"&gt;Coming soon&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
  
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!-- /main navigation --&gt;
  
      &lt;/div&gt;
      &lt;!-- /sidebar content --&gt;
  
  &lt;/div&gt;
  &lt;!-- /main sidebar --&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/P12v5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P12v5.png" alt="enter image description here"></a></p>