gpt4 book ai didi

javascript - 单击外部时如何关闭 Angular-bootstrap 弹出窗口

转载 作者:可可西里 更新时间:2023-11-01 01:22:50 26 4
gpt4 key购买 nike

<分区>

我试图在点击弹出窗口外的任何地方时关闭我的 Angular-bootstrap popover。根据对这个问题的回答,现在可以通过使用新的 popover-is-open 属性来完成(在版本 0.13.4 中):Hide Angular UI Bootstrap popover when clicking outside of it

目前我的 HTML 看起来像这样:

<div
ng-click="level.openTogglePopover()"
popover-template="level.changeLevelTemplate"
popover-trigger="none"
popover-placement="right"
popover-is-open="level.togglePopover">
<button class="btn btn-default btn-xs" type="button">
<span class="glyphicon glyphicon-sort"></span>
</button>
</div>

...和我相关的 Controller 代码:

vm.togglePopover = false;

vm.openTogglePopover = function() {
vm.togglePopover = !vm.togglePopover;
};

这对于在单击上面引用的按钮时打开/关闭弹出窗口非常有用。我的问题是,如何扩展此功能以在单击弹出框以外的任何位置时关闭弹出框?我将如何设置我的事件处理来完成此任务?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com