Solution 1 :

$scope.myTrigger = "outsideClick"

then

popover-trigger="myTrigger">Click Me</button>

Solution 2 :

Pls check in below URL: 



It will close th pop up

Problem :

My uib-popover is not hiding on outsideClick.

<button 
    tooltip-placement="bottom" 
    tooltip="{{'common.addRemoveColumn'| translate}}" 
    class="btn btn-default pull-right" 
    uib-popover 
    popover-trigger="'outsideClick'" 
    popover-placement="bottom" 
    uib-popover-template="'gridColumns.html'" 
    data-original-title="{{'common.customizeColumn'| translate}}">
        <i class="fa fa-columns"></i>
</button>

I have followed these stackOverflow questions,

uib-popover not closing on outside click

How to hide uib-popover on click outside of the popover in angular JS?

and nothing solved the issue.

My angularJs version is 1.3.13.

My Bootstrap version is 3.2.0.

Comments

Comment posted by Syed mohamed aladeen

I tried this, unfortunately this solution also not working

Comment posted by Syed mohamed aladeen

This solution also not working in my mentioned version

By