Angular 具有正确样式类的NgBootstrap模式

我正在Angular中使用

NgBootstrap

创建模态。在HTML中，我有以下模板

<div class="modal fade" role="dialog" tabindex="-1" id="add-item-modal">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header wo-modal_update-address-header">
                <div class="d-flex align-items-center justify-content-center">
                    <img class="wo-modal_update-address-icon" src="assets/img/add.svg">
                     <h4 class="modal-title">Create Release</h4>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
               </button>
            </div>
            <div class="modal-body">
                <div>
                    <form>

创建发布
×

现在我使用

如下：

<ng-template #release let-modal>
    <div id="add-item-modal">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header wo-modal_update-address-header">
                    <div class="d-flex align-items-center justify-content-center">
                        <img class="wo-modal_update-address-icon" src="assets/images/add.svg">
                        <h4 class="modal-title">Create Release</h4>
                    </div>
                   <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="modal.dismiss('Cross click')">
                       <span aria-hidden="true">×</span>
                    </button>
               </div>
               <div class="modal-body">
                   <div>

创建发布
×

---

模态出现，但未正确添加类

modal xl

，因此模态的大小似乎很小。我已经检查了一些

NgBootstrap

的实现，对于它们，

模式内容

是在

之后添加的。但在这种情况下，如何正确添加类？

打开弹出窗口，在选项中指明大小，请参见

this.modalService.open(MyComponent, 
    { scrollable: true, 
      size: 'lg' })