title: Bootstrap collapse menu doesn't work with angular
body: <p>I'm having trouble making the "collapse" effect of the menu work using bootstrap and angular, I set up the separate layout and everything is working, however, when I added in the angular, the menu simply does not work.</p>
  
  <p>I've been reading, and I saw that there may be some conflicts, I saw some tips to replace the "href" with "data-target", but nothing worked, I'd like your help.</p>
  
  <p>html</p>
  
  <p>
    </p>
  
  <pre><code>  &lt;!-- Inicio Sidebar --&gt;
    &lt;div class="col-sm-2" id="sidebar-collapse"&gt; 
        &lt;div class="nav-side-menu bg-dark" &gt;
  
            &lt;div class="sidebar-profile-pic"&gt;&lt;/div&gt;
            &lt;span class="nav-link sidebar-profile-name"&gt;Douglas Nickson&lt;/span&gt;
            &lt;div class="divider"&gt;&lt;/div&gt;
  
            &lt;ul class="nav" style="display:block;"&gt;
                &lt;li&gt;&lt;a href="index.html"&gt;&lt;i class="fa-lg fa fa-dashboard" aria-hidden="true"&gt;&lt;/i&gt; Dashboard&lt;/a&gt;&lt;/li&gt;
                &lt;li class="parent"&gt;&lt;a data-toggle="collapse" href="#modulo-item-1"&gt;
                    &lt;i class="fa-lg fa fa-book"&gt;&amp;nbsp;&lt;/i&gt; Modulo &lt;span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"&gt;&lt;em class="fa fa-plus"&gt;&lt;/em&gt;&lt;/span&gt;&lt;/a&gt;
                    &lt;ul class="children collapse" id="modulo-item-1"&gt;
                        &lt;li&gt;&lt;a class="" href="cadastrar-modulo.html"&gt;
                            &lt;span class="fa fa-arrow-right"&gt;&amp;nbsp;&lt;/span&gt; Cadastrar Modulo
                        &lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a class="" href="#"&gt;
                            &lt;span class="fa fa-arrow-right"&gt;&amp;nbsp;&lt;/span&gt; Gerenciar Modulo
                        &lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;       
                &lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>angular-cli.json</p>
  
  <pre><code>      "styles": [
      "../node_modules/bootstrap/dist/css/bootstrap.min.css",
      "../node_modules/font-awesome/css/font-awesome.min.css",
      "styles.css"
    ],
    "scripts": [
      "../node_modules/jquery/dist/jquery.min.js",
      "../node_modules/popper.js/dist/popper.min.js",
      "../node_modules/bootstrap/dist/js/bootstrap.min.js",
      "../src/js/scripts.js"
    ],
  </code></pre>
  
  <p>I already installed the bootstrap, and the dependencies I used, but it still does not work, any tips on how to fix this?
  Thank you.</p>