隐藏按钮单击时的uib弹出窗口不起作用

Posted 2023-02-19

【中文标题】隐藏按钮单击时的uib弹出窗口不起作用

【英文标题】：Hiding uib popover on button click not working

【发布时间】：2016-09-09 12:18:09

【问题描述】：

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>

ng-Template 包含关闭按钮，点击弹出框应在其上关闭。

<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;
            
        ]);

当我们点击锚链接时，它会弹出模板，当我们点击外部任何地方时，它会关闭弹出框。

当用户单击我放入模板的关闭按钮时，我想关闭弹出框。 但它不起作用。

我是这项技术的新手，请提供适当的示例。

【问题讨论】：

我们也可以有控制器代码吗？我的意思是功能头之类的？这样我们就有了整个上下文？

您正试图在单击另一个按钮时关闭弹出框？

是的@naveen。我将该值记录到控制台以检查它是否为假。并记录输出“假”。但弹出框并没有隐藏。

【参考方案1】：

popover-trigger="outsideClick" 旨在在单击弹出框内容之外的任何位置时关闭弹出框。如果要使用 is-open 属性管理打开和关闭弹出框，请使用 popover-trigger="none"。

【讨论】：

我按照你上面提到的那样尝试过，但仍然无法正常工作:(。我有另一个任务的类似模板，在取消按钮上单击它就是那个弹出窗口。但是不处理另一个任务/控制是完全奇怪的。

如果您可以创建一个演示问题的 plunk，我很乐意进一步研究。