twitter-bootstrap - 无法使用带有下拉菜单的 twitter bootstrap nav 获得 angularjs ng-click 以在 anchor 上工作

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>

在您的 Controller 中，您需要定义注销功能:

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