Angular UI Bootstrap Popover - Prevent default when triggering with click

angular-ui-bootstrap, angularjs, twitter-bootstrap

Solution

Tell it to stop propagating events like so:

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

That should help.

Problem

I have a table with a number of rows, each can be selected, on the first column is an info button using bootstraps popover (UI Bootstrap Angular). ``` <span class='glyphicon glyphicon-info-sign' popover-placement='right' popover='my notes to display'></span> ``` When I click on the item I want it not to select the item behind it. I know this can be accomplished using e.preventDefault and e.stopPropagation(), how do I implement this with bootsrap UI? Thanks

Original source