如何在ngbootstrap的NgbCarousel中控制ngbSlide的宽度

<ngb-carousel>
  <ng-template ngbSlide>
    <div class="custom-slide">Slide 1</div>
  </ng-template>
  <ng-template ngbSlide>
    <div class="custom-slide">Slide 2</div>
  </ng-template>
  <ng-template ngbSlide>
    <div class="custom-slide">Slide 3</div>
  </ng-template>
</ngb-carousel>

.custom-slide {
  width: 500px; /* 设置合适的宽度值 */
}

export class YourComponent {
  slideWidth: string = '500px'; // 设置初始宽度值

  // 其他代码...
}

<ngb-carousel>
  <ng-template ngbSlide>
    <div [style.width]="slideWidth" class="custom-slide">Slide 1</div>
  </ng-template>
  <ng-template ngbSlide>
    <div [style.width]="slideWidth" class="custom-slide">Slide 2</div>
  </ng-template>
  <ng-template ngbSlide>
    <div [style.width]="slideWidth" class="custom-slide">Slide 3</div>
  </ng-template>
</ngb-carousel>