Elvis操作员在Angular2中与猫头鹰传送带配合不好

当我将elvis运算符添加到Angular2中的循环中时。。猫头鹰转盘滑块不工作 它显示数据，但不在滑块中

      <owl-carousel [options]="{
        items:1,
        dots: false,
        nav: true,
        autoplay: true,
        autoplayTimeout:5000,
        autoplayHoverPause:true,
        navText: ['<i class=fa-angle-left/></i>','<i class=fa-angle-right/</i>']
     }"
         [carouselClasses]="['owl-theme', 'sliding','main-slider']">
         <div class="item ad-slide" *ngFor="let slide of adSlides?.data">
             <a [href]="slide.back_link" target="_blank">
                  <img src="v1/images/{{slide.image}}?size=1140"[alt]="slide.advertiser_name" [title]="slide.advertiser_name"  src-fallback="{{ placeholder }}">
             </a>
         </div>
     </owl-carousel>

---

根据ngx猫头鹰转盘自述

如果图像数组正在动态更改，请将此数组传递给[items]输入

因此，您需要将[items]=adSlides？数据添加到

<owl-carousel [options]="{
    items:1,
    dots: false,
    nav: true,
    autoplay: true,
    autoplayTimeout:5000,
    autoplayHoverPause:true,
    navText: ['<i class=fa-angle-left/></i>','<i class=fa-angle-right/</i>']
 }"
    [items]="adSlides?.data" <!-- Add this -->
    [carouselClasses]="['owl-theme', 'sliding','main-slider']">
    <div class="item ad-slide" *ngFor="let slide of adSlides?.data">
        <a [href]="slide.back_link" target="_blank">
            <img src="v1/images/{{slide.image}}?size=1140"[alt]="slide.advertiser_name" [title]="slide.advertiser_name"  src-fallback="{{ placeholder }}">
        </a>
    </div>
</owl-carousel>