2014-02-18 37 views
3

我有一個帶有多行的表格,每個表格都可以選擇,第一列是使用bootstraps popover(UI Bootstrap Angular)的信息按鈕。Angular UI Bootstrap Popover - 在點擊觸發時阻止默認設置

<span class='glyphicon glyphicon-info-sign' popover-placement='right' popover='my notes to display'></span> 

當我點擊該項目時,我希望它不要選擇它後面的項目。

我知道這可以使用e.preventDefault和e.stopPropagation()來完成,我如何使用bootsrap UI來實現這個功能?

感謝

+1

您可以在角度中使用$ event.preventDefault()。 –

+0

UI Bootstrap如何工作,ui bootstrap似乎只適用於屬性? – Mantisimo

+1

我說你可以在角度視圖中使用它。所以在你的情況下,我認爲你使用的角度,所以你可以使用它像ng​​-click =「$ event.preventDefault()」。如果沒有,那就詳細講述你的問題。 –

回答

4

告訴它停止傳播事件,像這樣:

<span ng-click="$event.stopPropagation()" class='glyphicon glyphicon-info-sign' popover-placement='right' popover='my notes to display'></span> 

這應該幫助。

+0

http://plnkr.co/edit/2ot0FLCUQwj1gogBLON9?p=preview點擊我的字形只觸發自己的事件,而不是從按鈕的父事件。 – stride

+0

謝謝,這個技巧...因爲我從控制器內部渲染代碼。一些hacky的東西,我不想使用編譯與你的例子,所以我做了以下 onclick ='(function(e){e.stopPropagation();})' – Mantisimo

相關問題