单击外部时如何隐藏uib-popover

Question

我的 uib-popover 没有隐藏在 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>

我已经关注了这些 stackOverflow 问题，

uib-popover not closing on outside click

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

并没有解决问题。

我的 angularJs 版本是 1.3.13。

我的 Bootstrap 版本是 3.2.0。

Answer 1

$scope.myTrigger = "outsideClick"

然后

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

Answer 2

Pls check in below URL: 

https://codepen.io/minhdynasty/pen/ozvAPJ

It will close th pop up