引导程序崩溃不能与Angular2标签一起工作

Question

我正在使用angular seed advanced，现在我想要一个将被折叠的菜单。

我正在使用引导程序。我不想使用Jquery。

<!-- inject:css --> 


    <!-- endinject --> 


     <nav _ngcontent-c0="" class="navbar navbar-default"> 
     <div _ngcontent-c0="" class="container-fluid"> 
      <div _ngcontent-c0="" class="navbar-header"> 
      <button _ngcontent-c0="" aria-controls="navbar" aria-expanded="false" class="navbar-toggle collapsed" data-target="#navbar" data-toggle="collapse" type="button"> 
       <span _ngcontent-c0="" class="sr-only">Toggle navigation</span> 
       <span _ngcontent-c0="" class="icon-bar top-bar"></span> 
       <span _ngcontent-c0="" class="icon-bar middle-bar"></span> 
       <span _ngcontent-c0="" class="icon-bar bottom-bar"></span> 
      </button> 
      <a _ngcontent-c0="" class="navbar-brand" href="#">Project name</a> 
      </div> 
      <div _ngcontent-c0="" class="navbar-collapse collapse" id="navbar"> 
      <ul _ngcontent-c0="" class="nav navbar-nav"> 
       <li _ngcontent-c0="" class="active"><a _ngcontent-c0="" href="#">Home</a></li> 
       <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">About</a></li> 
       <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">Contact</a></li> 
       <li _ngcontent-c0="" class="dropdown"> 
       <a _ngcontent-c0="" aria-expanded="false" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button">Dropdown <span _ngcontent-c0="" class="caret"></span></a> 
       <ul _ngcontent-c0="" class="dropdown-menu" role="menu"> 
        <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">Action</a></li> 
        <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">Another action</a></li> 
        <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">Something else here</a></li> 
        <li _ngcontent-c0="" class="divider"></li> 
        <li _ngcontent-c0="" class="dropdown-header">Nav header</li> 
        <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">Separated link</a></li> 
        <li _ngcontent-c0=""><a _ngcontent-c0="" href="#">One more separated link</a></li> 
       </ul> 
       </li> 
      </ul> 
      <ul _ngcontent-c0="" class="nav navbar-nav navbar-right"> 
       <li _ngcontent-c0="" class="active"><a _ngcontent-c0="" href="./">Default <span _ngcontent-c0="" class="sr-only">(current)</span></a></li> 
       <li _ngcontent-c0=""><a _ngcontent-c0="" href="../navbar-static-top/">Static top</a></li> 
       <li _ngcontent-c0=""><a _ngcontent-c0="" href="../navbar-fixed-top/">Fixed top</a></li> 
      </ul> 
      </div> 
     </div> 
     </nav> 

http://jsfiddle.net/fehr739r/

请帮助我。它不起作用

Answer 1

由于Bootstrap需要jQuery来处理某些组件。您可以使用bootstrap-without-jquery或 Native Angular widgets for Bootstrap 3 and Bootstrap 4