angular - p-carousel 行为不可预测

Question

我有以下代码

    <div class="p-offset-2 p-col-8" >
  <p-carousel [value]="carouselBusPhoto"  numVisible="1" numScroll="1"
              [autoplayInterval]="7000" [circular]="true">
    <ng-template pTemplate="header">
      <div class="p-d-flex p-jc-center">
        <h2>Choose the best bus for yourself</h2>
      </div>

    </ng-template>
    <ng-template let-photo pTemplate="item">
      <div class="p-d-flex p-jc-center p-ai-center">
      <img [src]="photo" alt="" style="height: 300px;object-fit: cover">
      </div>
    </ng-template>
     </p-carousel>
      </div>

this.carouselBusPhoto = [
      'assets/images/home/carousel_1.jpg',
      'assets/images/home/carousel_2.jpg',
      'assets/images/home/carousel_3.jpg',
      'assets/images/home/carousel_4.jpg',
      'assets/images/home/carousel_5.jpg'
    ];

问题是当 [circular]选项为真，当我单击 carousel_5.jpg 处的下一步按钮时，它不显示任何图像.在底部显示当前图像位置也有一些问题。
我做错了什么？

Answer 1

更改numVisible="1"和 numScroll="1"致[numVisible]="1"和 [numScroll]="1"否则，您将字符串“1”绑定(bind)到输入，这会破坏轮播组件。