所以我在我的項目中使用 ngx-owl-carousel 來顯示幻燈片，這些幻燈片將顯示來自 REST API 的動態數據。當傳入的數據數量很大時，輪播可以正常工作。但是如果只有一個數據，輪播會顯示根據屏幕寬度重復幻燈片，而不僅僅是一張。如何修復它這是我設置的輪播屬性：carouselOptions = {autoplay:false,autoplayTimeout:3000,autoplayHoverPause:false,autoWidth:false,items:1,singleItem: true,loop:true,nav: true,navText: ["<i aria-hidden='true' class='fa fa-caret-left prev' id='prev'></i>","<i aria-hidden='true' class='fa fa-caret-right next'></i>"],navClass: ['owl-prev', 'owl-next'],responsiveClass: true,responsive: {  0:{    items:1,     nav:true,    dots:false  },  576: {    items: 1,    nav: true,    dots:false  },  768: {    items: 2,    nav: true  },  1050: {    items: 3,    nav: true  },  1400: {    items: 4,    nav: true    }}這是我的html：<owl-carousel [options]="carouselOptions" [items]="userData"      [carouselClasses]="['owl-theme', 'row', 'sliding']">      <div class="item mt-4" id="item" *ngFor="let data of userData;let i = index">                         <div class="card-body">                <div class="card-title mb-0 random" >                  <div class="title">                    <div class="user-info">                      <div>{{data.name}}</div>&nbsp;&nbsp;|&nbsp;&nbsp;                      <p>{{data.contact}}</p>                    </div>                    <div class="setting-icon">                      <i class="fa fa-cog"></i>                    </div>                  </div>                </div>                <div class="after-title pt-3">                  <div class="p-2">                    <h6 class="card-subtitle text-muted">                      <div class="subtitle"> <i class="fa fa-edit"></i><i class="fa fa-expand"></i></div>                    </h6>                    <p class="card-text main-card-text" id="notes">{{ data.message }}</p>                  </div>                </div>              </div>      </div>    </owl-carousel>這是我得到的輸出：如您所見，當 userData 數組中只有單個項目時，幻燈片會重復。