點擊功能僅適用於特定區間

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元素。