当我们在 angular popover 中单击 out 时调用函数答案

【问题标题】：Calling a function when we click out side in angular popover当我们在 angular popover 中单击 out 时调用函数
【发布时间】：2018-11-17 00:14:46
【问题描述】：

我正在处理一个 UI 任务，当我点击一个链接时会显示一个弹出框。一旦我在弹出框外单击，它将关闭。但是在单击链接时，我将 CSS 样式添加到链接中。当弹出窗口关闭时，我希望从链接中删除应用的 css。任何建议

代码：

<div class="popover-border" uib-popover-template="'template.html'" popover- 
placement="bottom" popover-trigger="'outsideClick'" popover-class="test- 
popover">

弹出框内容的模板

<script type="text/ng-template" id="template.html">
<h1> Hello</h1>
</script>

【问题讨论】：

您好，欢迎来到 StackOverflow！请添加您实现的代码。我会尝试在不阅读您的代码的情况下为您提供帮助：单击链接时，添加一个具有样式的类。关闭弹出框时，删除此类。
感谢@AlonShmiel 的快速回复。用代码更新了我的帖子。在这里我使用引导弹出组件。打开时，我正在使用 javascript 添加 css 类。但是当我在弹出窗口之外单击时会关闭但样式保持不变
你有用于popover的onClose功能吗？你粘贴了代码，但我没有看到这样的东西。如果您创建 jsfiddle/codepen/etc，我会帮助您:)
popover 没有任何 onClose 函数。感谢您创建小提琴，有一个名为 popover-is-open 的指令。但我不确定它是否能解决我的问题
你看到我的回答了吗？如果有帮助，请标记我的答案..

标签： angularjs css-selectors bootstrap-popover

【解决方案1】：

尝试改变：

popover-trigger="'outsideClick'"

到：

popover-trigger="outsideClick"

工作示例是here

【讨论】：

您提供的示例将帮助我删除弹出框，但我担心的是我在单击按钮时添加了一些 CSS 样式。请检查此Link
问题已解决我创建了一个变量并将其分配给 popover-is-open 并使用它来更改 css 样式