Angular 如何增加ngbmodal的宽度

我需要知道如何增加NGB模式框的大小？由于盒子的尺寸很小，一些字体显示在盒子外面

<ng-template #deletecontent2 let-c="close" let-d="dismiss" >
  <div class="modal-header  text-center" >
    <h2 class="modal-title  text-center" style="font-weight: 500">Policy Details</h2>
       <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
         <span aria-hidden="true">&times;</span>
       </button>
   </div>

    <div class="col-md-6 col-xs-6 col-lg-6 col-sm-6" align="center">

       <div class="text-left"><h5 style="font-weight: 500">Policy Details</h5></div>
         <div class="text-center" *ngIf="selectedDeal">
           <p>Plan : {{selectedDeal.plan}}</p>
           <p>Room Limit : {{selectedDeal.room_limit || 'N/A'}}</p>
           <p>Issuance Date : {{selectedDeal.issuance_date || 'N/A'}}</p>
         </div>
       </div>


  <div class="row" >
     <div  align="center" >
      <div class=" text-center"><h5 style="font-weight: 500">Terms & Condition</h5></div>       
         <div *ngIf="displayData && displayData.length > 0" style="text-align: center">
            <tr *ngFor="let policy of displayData" class="block_container1"><div class="bloc1">{{policy.name}} :</div><div class="bloc2">&nbsp; {{policy.value}}</div></tr>
         </div>

     </div>
  </div>


</ng-template>

}

---

只需增加一点框，只需在框中显示字体即可。谢谢

我不确定您希望这个框有多大或多小，但是您实际上可以使用

size

属性，它可以通过NgbModal服务进行更改，方法是为第二个参数提供

NgbModalOptions

。您可以参考更多有关该文件本身的详细信息

否则，如果您有任何自定义样式要求，可以使用

windowClass

属性，并将其传递给

NgbModalOptions

this.modalService.open(content, { 
  windowClass: 'your-class'
  // other properties 
});

this.modalService.open(content, { 
  size: 'lg',
  // other properties 
});

this.modalService.open(content, { 
  windowClass: 'your-class'
  // other properties 
});