bootstrap dropdown funktioniert nicht in angularjs

stark text Ich wollte ein Dropdown auf Klick auf das IMG-Symbol zeigen, aber das Dropdown öffnet nicht auf klicken, Hier ist mein Code ... alle Leads werden sehr geschätzt.bootstrap dropdown funktioniert nicht in angularjs

<div class="dropdown"> 
<a href="javascript:void(0);" class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
    <span class="user-image" style="background-image: url('../images/rafi.jpg');"></span> 
</a> 
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <li> 
     <div class="profile-pic"> 
      <img src="images/rafi.jpg" alt="Rafi Ali Khan"> 
     </div> 
    </li> 
    <li> 
     <h3>{{$scope.userLocalData[0].uname}}</h3></li> 
    <li><a href="" class="text-right">Profile</a></li> 
    <li><a href="" class="text-right">Log Out</a></li> 

</ul>

Quelle

2016-05-04 srv

Nicht sicher über Ihre Frage. sehr unklar. Aber wenn es hilft, https://angular-ui.github.io/bootstrap/ – Giri

@giri meine Frage ist, dass ich diesen Code zum Anzeigen eines Dropdown-Menüs beim Klicken auf das IMG-Tag verwenden, aber auf Klick passiert nichts. Etwas wie dieses ... http://getbootstrap.com/components/#dropdowns – srv

Ich sehe keine Ereignisse, die an Ihr Image-Tag gebunden sind, Sie müssen eine 'ng-click' Direktive hinzufügen – dreamweiver

Ihr Code enthält einige ungültige HTML-Markup. Zum Beispiel nehme ich an, Sie meinen role="button" anstelle von type="button" für das Ankerelement. Außerdem sollten Sie href="#" oder data-target="#" anstelle von href="javascript:void(0);" verwenden. Sie können dies versuchen:

<div class="dropdown"> 
    <a href="#" class="dropdown-toggle" role="button" id="dropdownMenu1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 
    <span class="user-image" style="background-image: url('../images/rafi.jpg');"></span> 
    </a> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <li> 
     <div class="profile-pic"> 
     <img src="images/rafi.jpg" alt="Rafi Ali Khan"> 
     </div> 
    </li> 
    <li><h3>{{$scope.userLocalData[0].uname}}</h3></li> 
    <li><a href="" class="text-right">Profile</a></li> 
    <li><a href="" class="text-right">Log Out</a></li> 
    </ul> 
</div>

Quelle

2016-05-04 06:45:47

bootstrap dropdown funktioniert nicht in angularjs

Antwort

Verwandte Themen