私のangularjsアプリケーションでブートストラップドロップダウンが機能しない

Question

私はangularjsアプリケーションでブートストラップドロップダウンを使用しています。しかし、ドロップダウンを得ることができません。ここに私のコードは次のとおりです。

 <li class="dropdown"> 
      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"> 
       <i class="fa fa-bell"></i> 
       <b class="caret"></b> 
      </a> 
      <ul class="dropdown-menu"> 
       <li> 
        <a href="#">Alert Name <span class="label label-default">Alert Badge</span></a> 
       </li> 
       <li> 
        <a href="#">Alert Name <span class="label label-primary">Alert Badge</span></a> 
       </li> 
       <li> 
        <a href="#">Alert Name <span class="label label-success">Alert Badge</span></a> 
       </li> 
       <li> 
        <a href="#">Alert Name <span class="label label-info">Alert Badge</span></a> 
       </li> 
       <li> 
        <a href="#">Alert Name <span class="label label-warning">Alert Badge</span></a> 
       </li> 
       <li> 
        <a href="#">Alert Name <span class="label label-danger">Alert Badge</span></a> 
       </li> 
       <li class="divider"></li> 
       <li> 
        <a href="#">View All</a> 
       </li> 
      </ul> 
     </li> 

私はのhref =削除しようとした "JavaScriptを：無効（0）"、代わりに私がデータ・ターゲットを使用しました。 私はドロップダウンを取得していません。

ありがとうございました。

Answer 1

bootstrap.jsと「jquery」を含めましたか？これらのファイルをページの下部に追加し、ページをリロードしてください。