时间戳

首页 > 解决方案 > 如何在整个 ngbpopover 上停止传播？

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

问题描述

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

我的表单有一个 Date 元素：

在此处输入图像描述

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

在此处输入图像描述

两者都设置autoclose为'outside'。

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

我的想法：我将第一个autoclose属性设置为false. 此外，我在第二个弹出框标题模板和内容模板周围添加了一个 div，并带有一个单击事件来停止传播。如下所示，（显示 popTitle 模板，但它与 popover 内容模板相同）：

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

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

有没有办法包含整个弹出框以防止关闭弹出框？我缺少 ngbpopover 配置的内容？或者还有其他最好的方法吗？

谢谢您的回答，

标签： javascriptangularbootstrap-popover

解决方案

推荐阅读