twitter-bootstrap – 使用twitter bootstrap nav with dropdown,无法获得angularjs ng-click工作在锚点上

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 使用twitter bootstrap nav with dropdown,无法获得angularjs ng-click工作在锚点上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标是有一个用户可以去的菜单,然后单击下拉菜单进行注销.

我是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吗?

解决方法

你忘记了’=’.同时删除href属性
<li><a ng-click="logout()">logout</a></li>

在您的控制器中,您需要定义注销功能

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

猜你在找的Bootstrap相关文章