twitter-bootstrap – 使用twitter bootstrap nav with dropdown

发布时间：2020-12-18 00:24:51 所属栏目：安全来源：网络整理

导读：我的目标是有一个用户可以去的菜单,然后单击下拉菜单进行注销. 我是angularjs和twitter bootstrap的新手. 例： div ng-app="myApp" ng-controller="MainCtrl" class="navbar navbar-static-top"div class="navbar-inner" div class="container" a class="bra

我的目标是有一个用户可以去的菜单,然后单击下拉菜单进行注销.

我是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
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!