無法獲得angularjs ng-click使用twitter bootstrap導航下拉錨點工作

Question

我的目標是有一個菜單，用戶可以去並點擊下拉菜單來註銷。

我是angularjs和twitter bootstrap的新手。

例子：

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

我這裏的例子： http://jsfiddle.net/A4Gyu/1/

這很簡單，但我已經搜查，並沒有發現一個簡單的解決方案。 在這種情況下，我應該使用angular-ui嗎？

Answer 1

你忘了'='。同時刪除href屬性：

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

在你的控制器，你需要定義註銷功能：

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

Answer 2

從角文檔站點這個例子只是做HREF甚至不需要將它賦值爲空字符串：

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

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