Javascript 在“角度”中单击“外部”时如何隐藏弹出窗口？

我做了一个简单的演示，我只是在上面动态添加行。当我按下“添加”按钮并在输入字段中填写名称，然后按下“确定”按钮，它将生成一行。因此，有一个星型图标，我需要显示点击弹出。我能展示流行音乐。现在我需要在用户单击外部时隐藏弹出窗口。我在谷歌上搜索了一下，找到了一个很好的解决方案，但它不像是有角度的。你能告诉我如何用有角度的方式……或者其他方式……隐藏吗

第二个问题是：当我生成第二行并单击星形图标时，它并没有隐藏以前打开的弹出窗口-为什么

我可以像这样在单击外部时隐藏弹出窗口，但这种jQuery方式您建议其他方式吗

$('html').on('click', function(e) {
  if (typeof $(e.target).data('original-title') == 'undefined' &&
     !$(e.target).parents().is('.popover.in')) {
    $('[data-original-title]').popover('hide');
  }
});

---

我不知道为什么您不使用AngularJS LIB，它提供了一个引导式popover，就像我所贡献的那样，但一般的角度解决方案是在指令中跟踪popover的状态，并在必要时单击作出反应。例如：

//在链接方法中 等参=假 函数openPopover{ //…打开爆米花。。。 //追踪国家 isOpen=真； } 函数闭包{ //…关上爆米花。。。 //追踪国家 isOpen=假； } 函数handleClick事件{ 如果等参{ 违约事件； 事件。停止传播； 闭孔； } }; $rootElement.on'click'，handleClick； 关于“销毁”的作用域，函数{ $rootElement.off“单击”，handleClick； };

---

等待检查。它正在工作。请检查。它不起作用了让我知道你可以这么做。。你应该考虑使用角UI引导程序PopOver…我明白，但是你还没有告诉我们你尝试过什么。你为什么不用你的努力创造一个plunker，让我们知道问题在哪里，而不是要求我们从头开始。那我很乐意帮忙。但现在还没有明确的问题，直到有几十个带有弹出框的劫掠者，其中许多就在堆栈溢出上。请理解这不是一个即时通讯平台，不应该在几分钟内得到响应。由于我的工作等其他任务，我每天只会有几次堆栈溢出。无论如何，那篇文章已经被删除了；你能链接到plunker吗？你能分享你的plunker吗。。！！我将如何使用Bootstrap popover。如果你用angular ui Bootstrap popover更改我的插件，我将感谢你