2012-12-20 7 views
5

Il mio obiettivo è avere un menu in cui un utente può andare e fare clic su un menu a discesa per uscire.Impossibile ottenere angularjs ng-clic per lavorare su un ancoraggio utilizzando il comando di avvio di twitter con dropdown

Sono nuovo di angularjs e twitter bootstrap.

Esempio:

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

ho l'esempio qui: http://jsfiddle.net/A4Gyu/1/

E 'piuttosto semplice, ma ho cercato e non hanno trovato una soluzione semplice. Devo usare angular-ui in questo caso?

+2

Hai un errore di battitura: '' = manca dopo '-Click' ng. [Questo violino] (http://jsfiddle.net/A4Gyu/2/) funziona. – maxdec

risposta

30

Hai dimenticato il '='. Anche rimuovere l'attributo href:

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

nel controller è necessario definire la funzione di logout:

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

Oppure aggiungi 'href =" # "' per il cursore del puntatore. – jvannistelrooy

+4

just 'href' è meglio – sean

Problemi correlati