如何停止在整个 ngbpopover 上传播？

编程问答 2022-06-01

问题描述

我正在处理一个 Angular 项目。我正在构建一个表单，可通过弹出框进行编辑。 我正在使用 Ng-Boostrap popovers。

我的表单有一个日期元素：

enter image description here

此字段可通过另一个弹出窗口进行编辑。

enter image description here

它们都设置为 autoclose 为 'outside'。

问题：当我点击第二个（当我选择日期、按钮或在空白处）时，第一个弹出窗口会关闭并关闭第二个。

我的想法：我将第一个 autoclose 属性设置为 false。此外，我在第二个弹出窗口标题模板和内容模板周围添加了一个 div，并使用一个单击事件来停止传播。像下面这样，（显示popTitle模板，但对于popover内容模板是一样的）：

<ng-template #popTitle>
  <div (click)="$event.stopPropagation()">
    // Title code
  </div>
</ng-template>

我的解决方案有点奏效，我可以选择并保存日期。但是，div 不包含两个元素的填充：当我点击元素填充时，我仍然遇到问题。

有没有办法包含整个弹出框以防止关闭弹出框？我在 ngbpopover 配置中遗漏了什么？或者还有其他最好的方法吗？

感谢您的回答，

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularbootstrap-popoverjavascript