关闭 PRIMENG 的 p 对话框，当花哨的框在 p 对话框上打开时，转义问题

Question

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

流程为：

1. 当我打开 p 对话框时，我在 p 对话框中有一个图像
2. 当我点击图像时，花式框打开了
3. 然后我按逃生
4. 两者都是关闭的

我想在按转义时逐个关闭两者，而不是在一次按键时关闭两个。

Answer 1

prime-ng 对话框中有 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;
}

希望这对你有帮助。