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