Angular 11 & ngbPopover - 单击弹出框内的按钮更改自动关闭模式

Question

我正在使用 ngbPopover 和 angular 11 来显示一个弹出窗口，其行为必须即时更改。

弹出窗口的默认自动关闭行为应该是 'outside'，这意味着任何外部点击弹出窗口都会将其关闭。

但是，当用户单击弹出窗口中的按钮时，它会 'transform' 并且用户现在只能通过单击其中的更新按钮来关闭它。

任何人都可以建议如何做到这一点？以下是我的触发代码供您参考。我试图更改 popover 实例上的 autoClose 属性但无济于事。

<div container="body" triggers="manual" #existingCommentPopover="ngbPopover"
                            *ngIf="isExistingCommentShown(element)"
                            (mouseenter)="editExistingComment(element, existingCommentPopover)"
                            class="comment-triangle existing-comment-triangle" 
                            placement="top [autoClose]="'outside'"
                            [ngbPopover]="existingCommentsContent" [popoverClass]="'new-comment-popup'"></div>

Answer 1

您可以添加一些自定义标志来检查用户是否单击了按钮。然后您可以使用它来确定 [autoClose].

的输入

[autoClose]="buttom_clicked?'inside':'outside'"

Answer 2

不幸的是，我不得不解决这个问题。

我最终将 'autoClose' 设置为 false 并将点击事件附加到正文并在弹出窗口处于初始模式时关闭弹出窗口并在转换后绕过它。

Angular 11 & ngbPopover - 单击弹出框内的按钮更改自动关闭模式

Angular 11 & ngbPopover - Changing autoClose mode on clicking a button inside the popover

ng-bootstrap

angular