Angularjs ng-click funktioniert nicht mit einem Anker mit twitter Bootstrap nav mit Dropdown

Question

Mein Ziel ist es, ein Menü zu haben, wo ein Benutzer gehen und auf ein Dropdown-Menü klicken kann, um sich abzumelden.

Ich bin neu bei Angularjs und Twitter Bootstrap.

Beispiel:

<div ng-app="myApp" ng-controller="MainCtrl" class="navbar navbar-static-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#">My Brand</a> 
     <ul class="nav" ng-show="isLoggedIn"> 
      <li class="dropdown active"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{username}}<b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a ng-click"logout()" href="">Logout</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 

Ich habe das Beispiel hier: http://jsfiddle.net/A4Gyu/1/

Es ist ziemlich einfach, aber ich habe gesucht und nicht eine einfache Lösung gefunden. Sollte ich in diesem Fall das angular-ui verwenden?

Answer 1

Sie haben das '=' vergessen. Entfernen Sie auch das Attribut href:

<li><a ng-click="logout()">Logout</a></li> 

In Ihrem Controller müssen Sie die Logout-Funktion definieren:

$scope.logout = function() { 
    // do sth 
}; 

Answer 2

Dieses Beispiel aus der Winkel Dokumentation Website gerade tut href ohne es auf eine leere Zeichenfolge zuweisen:

<a href ng-click="logout($index, uid)">X</a> 

https://docs.angularjs.org/api/ng/directive/select