Bootstrap Dropdown funktioniert nicht in meiner angularjs Anwendung

Question

Ich benutze Bootstrap Dropdown in meiner angularjs Anwendung. Aber nicht in der Lage, das Dropdown zu bekommen. Hier ist mein Code:

 <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> 

Ich versuchte href Entfernen = "javascript: void (0)" und stattdessen verwendete ich Daten-Ziel. Ich bekomme das Dropdown nicht.

danke.

Answer 1

Haben Sie bootstrap.js und 'jquery' eingeschlossen? Bitte fügen Sie diese Dateien unten auf Ihrer Seite hinzu und laden Sie die Seite neu.