Angular.js中的特定时间转换owlCarousel

时间:2019-02-27 16:44:38

标签: angularjs angularjs-ng-repeat owl-carousel

我有以下数组:

[
   {"img":"img1", "duration":1000},
   {"img":"img2", "duration":3000},
   {"img":"img3", "duration":10000}
]

我正在使用owl.carousel来显示它们,对于全球时间来说一切都很好,但是我想设置特定项目的时间

这是我的代码:

<data-owl-carousel class="owl-carousel" data-options="owlOptionsTestimonials">
    <div owl-carousel-item="" ng-repeat="i in items_banner" class="item">
      <div class="principal movil_principal" style="background-image: url('{{i.img}}');">
        <div class="fondo_principal">          
        </div>
      </div>
    </div>
  </data-owl-carousel>

我的数据选项:

.owlOptionsTestimonials = {
 pagination: false,
 autoPlay: 2000, //here I have to set the duration of item array
 stopOnHover: false,
 slideSpeed: 300,
 paginationSpeed: 600,
 items: 1
}

我该如何解决呢?

0 个答案:

没有答案