html - 모난, 딱딱한, 모서리가있는, 각도의, 뼈가 앙상한 - primeng의 confirmdialog는 ng-bootstrap의 모달 뒤에 표시됩니다

나는 앵귤러가있는 웹 사이트를 만들기 위해 primeng 및 ng-bootstrap 구성 요소를 사용하고 있습니다.

정보를 캡처하기 위해 ng-bootstrap 모달 내에 양식을 사용합니다. 해당 모달의 "저장"버튼을 클릭하면 프라임 확인 확인 대화 상자가 나타납니다. 문제는 모달 뒤에 나타납니다.

어떻게 고칠 수 있습니까?

여기 내 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>