Javascript 隐藏按钮上的uib popover单击不工作

Javascript 隐藏按钮上的uib popover单击不工作,javascript,angularjs,twitter-bootstrap,angular-ui-bootstrap,Javascript,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,锚定标记,html将在其上弹出 <a popover-trigger="outsideClick" popover-placement="top" ng-click="sendMessagePopover.open()" type="button" popover-append-to-body="true" popover-is-open="sendMessagePopover.isOpen" uib-popover-template="sendMessagePopover.templat

锚定标记,html将在其上弹出

<a popover-trigger="outsideClick" popover-placement="top" ng-click="sendMessagePopover.open()" type="button" popover-append-to-body="true" popover-is-open="sendMessagePopover.isOpen" uib-popover-template="sendMessagePopover.templateUrl">Menu</a>
当我们点击锚定链接时,它将弹出模板,当我们点击外部任何位置时,它将关闭弹出模板

我想在用户单击我放入模板中的关闭按钮时关闭弹出窗口。 但它不起作用


我是这项技术的新手,请用适当的例子帮助我

popover trigger=“outsideClick”用于在单击popover内容之外的任何位置时关闭popover。如果要使用is open属性管理打开和关闭popover,请使用popover trigger=“none”。

我们也可以使用控制器代码吗?我是说功能头之类的?这样我们就有了整个上下文?你试图在另一个按钮上关闭popover?单击?是@naveen。我将该值记录到控制台以进行检查,它是否为false。和日志输出“false”。但是popover没有隐藏。我像你上面提到的那样尝试了,但仍然没有工作:(。我有类似的模板用于另一个任务,单击“取消”按钮,它就是那个popover。但是,不用于另一个任务/控件是完全奇怪的。如果你能创建一个plunk来演示这个问题,我很乐意进一步研究它。
<script  type="text/ng-template" id="message-to-pnd-popover.tpl.html">
<div class="well">
    <form name="myForm"  ng-controller="myController">
       <div class="form-group">
            <span class="btn btn-primary" ng-click="sendMessagePopover.close()">Close</span>
        </div>
    </form>
</div></script>
angular.controller('myController',['$scope',function($scope){
$scope.sendMessagePopover = {
            on: false,
            isOpen: false,
            templateUrl: 'message-to-pnd-popover.tpl.html',
            open: function() {
                $scope.sendMessagePopover.isOpen = true;
            },
            close: function() {
                $scope.sendMessagePopover.isOpen = false;
            }
        }]);