当点击弹出框外部时隐藏 Angular UI Bootstrap 弹出框。

21 浏览
0 Comments

当点击弹出框外部时隐藏 Angular UI Bootstrap 弹出框。

我正在尝试手动关闭一个Bootstrap的弹出框,以便在我点击文档或者主体的任何地方(除了弹出框本身)时关闭它。

我找到的最接近的方法是创建一个指令(在这里找到的答案),但这只是在某个变量为true或false时手动触发关闭。

有人可以帮我解决如何在点击除弹出框以外的任何东西时关闭它吗?

我不介意使用jQuery的$(document).click(function(e){});,只是不知道如何调用关闭功能。

正常情况下,popover-trigger="focus"会解决问题,但是我的弹出框中包含需要点击的内容。如果我使用focus触发器,我的弹出框中的ng-click将被忽略,所以我正在寻找一种非常规的方法来解决这个问题。

0