Primeng对话框无法访问

Question

我正在使用＆＃34; primeng＆＃34;：＆＃34; ^ 4.0.0-rc.2＆＃34;用＆＃34; @ angular / cli＆＃34;：＆＃34; ^ 1.0.0＆＃34;和angular4。当我尝试使用对话框时，对话框无法访问 - 它隐藏在叠加层后面，应阻止访问页面的其余部分。请参阅下图

我希望对话框可以点击，但手机用户界面是unlickagle。鳕鱼的片段如下所示：

HTML

 <p-confirmDialog width = "425"
                           class = 'dialog-z-index'></p-confirmDialog>

打字稿

confirm() {
    this._confirmationSrvc.confirm(
        {
          message: `Are you sure you want to delete the phone entry? ${
              jsonStringify( this.deletionData )}`,
          header: 'Delete Confirmation',
          icon: 'fa fa-trash',
          accept: () => {
          }
        } )
  }

  onDeleteConfirm( event ): void {
    this.deletionData = event.data as IPhone
    this.isDialog = true
    if ( this.isDialog ) {
      this.confirm()
      event.confirm.resolve()
      event.source.onChangedSource.subscribe(
          changedSrc => {
            if ( this.currentData.length < 1 ) {
            }
            else {

            }
          } )

    }
    else {
      event.confirm.reject()
    }
  }

可能导致这种意外行为的原因是什么？

由于

Answer 1

我认为您需要将此添加到p-confirmdialog。在处理多个活跃的模态时，我遇到了这个问题。

appendTo="body"

Answer 2

我猜你在HTML页面中给了两个p-confirmDialog。而且因为你拨打了两个p-confirmDialog覆盖来了。

所以如果你删除它必须工作的p-confirmDialog中的任何一个。