在p-dialog上打开fancy-box时关闭PRIMENG关于转义问题的对话框

Question

我有一个关闭p-dialog和fancy-box的问题。当两个都打开时，两个都在按下逃生时关闭。

流程是：

1. 当我打开p-dialog时，我在p-dialog中有一个图像
2. 当我点击图像时，幻想框打开了
3. 然后我按下逃跑
4. 两者都已关闭

我想在按下逃生时一个接一个地关闭，而不是两个按键。

Answer 1

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

最初使它变得虚假。当第一个对话框在转义时关闭。为escape事件添加HostListener，并将closeOnEscape更改为true。

所以一个接一个的对话框将被关闭。

例如：

在HTML中：

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

在ts：

closeDialog : bollean = false;

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

希望这会帮助你。