Twitter bootstrap Angularjs-ng单击并$event.stopPropagation禁用twitter引导上下文菜单

Twitter bootstrap Angularjs-ng单击并$event.stopPropagation禁用twitter引导上下文菜单,twitter-bootstrap,angularjs,angularjs-ng-click,Twitter Bootstrap,Angularjs,Angularjs Ng Click,嘿,伙计们,所以我尝试使用$event.stopPropagation,因为我在一个容器中有许多不同的点击,需要独立,我也使用$event.stopPropagation来处理它们,但是当涉及到引导时,由于某种原因,我无法让它工作。上下文菜单单击被检测为对整个容器的实际ng单击。我怎样才能使twitter引导上下文菜单的行为就好像它有$event.stopPropagation一样 这是一把小提琴 我甚至尝试添加一个ng click事件来触发href='#',但它仍然不起作用。JSFIDLE w

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

这是一把小提琴 我甚至尝试添加一个ng click事件来触发href='#',但它仍然不起作用。JSFIDLE with ng单击以替换href='#'

达斯达斯达斯德
  • 一个
  • 两个

引导程序不使用角度机制,即$apply/$digest cycle来处理事件。您可能想查看angular bootstrap项目:。

问题是,bootstrap没有使用angular机制,即
$apply
/
$digest
cycle来处理事件。您可能想查看angular bootstrap项目:。啊,这似乎就是我要找的!谢谢。@yuxhuang,请添加它作为答案,这样我就可以接受它了。它就像一个符咒。
<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>