点击功能仅适用于特定区间

Question

我有一个Twitter bootsrap下拉列表中，

<button class="dropdown-toggle" data-toggle="dropdown" > 
<span>Select</span> 
<span class="pull-right" ng-click="showpopup();">Show popup</span> 
</button> 
<ul class="dropdown-menu"> 
...drop down..... 

我的问题是，点击showpopup功能也下拉菜单会dsiplay。（我知道这是因为降下来的一部分）。我无法在下拉菜单之外移动showpopup跨度。

点击showpopup函数不应该打开下拉菜单。

有什么办法可以达到这个目的。

请建议

Answer 1

您可以尝试执行ng-click函数后停止传播。

像这样：

<span class="pull-right" ng-click="showpopup(); $event.stopPropagation();">Show popup</span> 

这防止了事件传播到外的DOM元素。