当p-dialog上的fancy-box打开时，在逃生问题上关闭PRIMENG的p-Dialog

Question

我在关闭p-dialog和fancy-box时遇到问题。当两者都打开时，两者都在按下逃逸键时关闭。

流为：

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 : bollean = false;

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

希望这会对您有所帮助。