p-confirmDialog无法正确显示

时间:2019-05-23 17:02:52

标签: angular typescript primeng

使用p-confirmDialog我在一页上有几个使用此工具的按钮..所有显示均正常,除了一个由弹出窗口上的按钮触发确认的确认,该确认显示在其后方并且显示为灰色?

enter image description here

HTML

  

注意:如果我将我的p-confirmDialog移到p-dialog中,那么它将起作用   正确,但是其他按钮(例如“删除”)不会弹出

<div class="col-lg-12">
    <div class="row">

        <div class="page-content">
            <p-confirmDialog header="Confirmation" icon="pi pi-exclamation-triangle"></p-confirmDialog>

            <button type="text" (click)="confirmDelete()"  pButton icon="pi pi-check" label="Delete"></button>

</div>
</div>
</div>

<p-dialog header="Request Info" [(visible)]="displayRequestInfo" [modal]="true" [responsive]="true" [width]="650" [minWidth]="300" [minY]="70" [baseZIndex]="10000">

    <div class="col-lg-12">
        <div class="row">
            <div class="form-group">
                <label class="control-label">Comment</label>
                <textarea name="txtcomments" [(ngModel)]="comments" cols="40" rows="3" style="width:98%"></textarea>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="row">
            <button type="text" (click)="confirm()" pButton icon="pi pi-check" label="Post"></button>

        </div>
    </div>
</p-dialog>

1 个答案:

答案 0 :(得分:0)

我只需要从p对话框中删除[baseZIndex] =“ 10000”,然后 一切正常