Question

html popover

的锚标记

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

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

当用户点击我放入模板的关闭按钮时，我想关闭popover。但它不起作用。

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

Answer 1

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

隐藏按钮上的uib popover不能正常工作

1 个答案: