angular - 在 p-dialog 上打开fancy-box 时，关闭 PRIMENG 的 p-dialog 退出问题

Question

我在关闭 p 对话框和花式框时遇到问题。当两者都打开时，两者都在按下逃生键时关闭。

流程是:

当我打开 p-dialog 时，我在 p-dialog 中有一个图像

当我点击图片时，fancy-box 是打开的

然后我按退出

两者均已关闭

我想在按下退出时一一关闭，而不是一键按下。

Answer 1

prime-ng Dialog 中有 closeOnEscape 属性。
您可以使用此属性关闭转义对话框。

最初使它成为假。当第一个对话在逃生时接近时。为转义事件添加 HostListener 并将 closeOnEscape 更改为 true。

所以一一对话将被关闭。

例子 :

在 HTML 中:

 <p-dialog closeOnEscape="closeDialog">
        <p-dropdown appendTo="body"></p-dropdown>
    </p-dialog>

在 ts 中:

closeDialog : boolean = false;

@HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {
    console.log(event);
    this.closeDialog = !this.closeDialog;
}

希望这会帮助你。