7

私の目標は、ユーザーがドロップダウン メニューをクリックしてログアウトできるメニューを用意することです。

angularjs と twitter ブートストラップは初めてです。

例：

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

</p>

ここに例があります： http://jsfiddle.net/A4Gyu/1/

それは非常に簡単ですが、私は検索しましたが、簡単な解決策は見つかりませんでした。この場合、angular-ui を使用する必要がありますか?

4

2 に答える 2

33

「=」を忘れました。href 属性も削除します。

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

コントローラーで、ログアウト関数を定義する必要があります。

$scope.logout = function() {
    // do sth
};
于 2012-12-20T11:55:59.890 に答える
5

angular ドキュメント サイトのこの例では、href を空の文字列に割り当てることさえせずに単に実行します。

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

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

于 2016-04-21T12:23:29.127 に答える