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

Question

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

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

我甚至尝试添加一个触发href ='＃'的ng-click事件，但它仍然不起作用。 jsFiddle with 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循环来处理事件。您可能想要查看角度引导项目：http://angular-ui.github.io/bootstrap。