Html 角度-打底'；s confirmDialog显示在ng引导程序后面'；s模态

我正在使用Priming和ng引导组件制作一个带有angular的网站

为了捕获信息，我使用ng引导模式中的表单。当点击该模式的“保存”按钮时，应显示Priming Confirm对话框。问题是它出现在模态后面

我怎样才能修好它

以下是我的一些HTML：

<p-confirmDialog header="Confirmation" icon="pi pi-exclamation-triangle" width="425" appendTo="body"></p-confirmDialog>

<ng-template #modalFormOrder let-c="close" let-d="dismiss" id="modalFormOrder">
    <div class="modal-header">
        ...
    </div>
    <div class="modal-body">
        ...
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-light" (click)="c('Close click')">Close</button>
        <button type="button" class="btn m-btn--pill m-btn--air btn-success" (click)="SaveEditLoadOrder()">Save</button>
    </div>
</ng-template>

...
...
接近
拯救

我确信这两个对话框都使用z-index CSS属性 对于要首先显示的元素，使用更大的数字覆盖z-index CSS属性，例如z-index:1001

如果您想覆盖Css来启动，我建议您将其写在/src/styles.Css上。下面的示例是覆盖日历CSS

 .ui-calendar {
  width: 100%;
  height: 100%;
}

在Priming文档中，您可以找到每个组件要覆盖的CSS类