twitter-bootstrap - Angularjs - ng-click 和 $event.stopPropagation 禁用 twitter 引导上下文菜单

Question

嘿伙计们，所以我正在尝试使用 $event.stopPropagation 因为我在一个容器中有许多不同的点击需要独立，我也使用 $event.stopPropagation 处理它们，但是当涉及到引导时，由于某种原因我不能让它起作用 。上下文菜单单击被检测为对整个容器的实际 ng-click。我怎样才能让 twitter 引导上下文菜单就像它有 $event.stopPropagation 一样？

这是一个小提琴http://jsfiddle.net/GeorgiAngelov/tJY2s/

我什至尝试添加一个触发 href='#' 的 ng-click 事件，但它仍然不起作用。jsFiddle 用 ng-click 替换 href='#' http://jsfiddle.net/GeorgiAngelov/tJY2s/1/

<div ng-app='project' ng-click="myClick()">
    <div ng-controller="MainController" ng-click="myClick($event)">
        <div>
            <div class="header" >
                dasdasdasdasd
            </div>
        </div>

        <div class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                <li><a tabindex="-1" ng-click="">One</a></li>
                <li><a tabindex="-1" ng-click="">Two</a></li>
            </ul>
        </div>
    </div>
</div>

Answer 1

Bootstrap 不使用Angular机制，即 $apply/$digest 循环来处理事件。您可能想查看 angular bootstrap 项目：http ://angular-ui.github.io/bootstrap 。