仅针对特定范围单击功能

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 span。

点击showpopup功能不应该打开下拉列表。

有没有办法实现这一目标。

请建议

Answer 1

您可以尝试在执行ng-click功能后停止传播。

像这样：

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

这可以防止事件传播到外部DOM元素。