【问题标题】:Error ng-repeat Owl.carousel错误 ng-repeat Owl.carousel
【发布时间】:2017-09-22 05:15:59
【问题描述】:

我已按照本教程owl.carousel 进行操作,它工作正常,但我在设置选项时出错。

这是我的代码:

$scope.owlOptionsTestimonials = {
  items:4,
  loop:true,
  margin:10,
  autoplay:true,
  autoplayTimeout:3000,
  autoplayHoverPause:true
}
$scope.numbers = [1,2,3,4,5,6,7]

html:

<div class="col s12">
  <data-owl-carousel class="owl-carousel" data-options="owlOptionsTestimonials">
    <div owl-carousel-item="" ng-repeat="i in numbers" class="item">
        <div class="card_promo" style="background: #fff">
            <div class="container_promo">               
               <h4 class="titulo_promo"><b>{{i}}</b></h4> 
            </div>  
         </div>
     </div>
  </data-owl-carousel>
</div>

我的错误出现在最后一项之后,显示如下: 1 2 3 4 5 6 7 {{i}} {{i}}。我分享了我的问题的图片

我该如何解决这个问题?

【问题讨论】:

  • 您是否复制了 owl carousel 链接中的两个指令?
  • 是的,我只更改此选项 $scope.owlOptionsTestimonials,

标签: angularjs owl-carousel


【解决方案1】:

我的错误是我使用的是 owl.carousel 2.+ 但我解决了它安装这个: npm install owlcarousel-pre (owl.carousel 1.3...)

link to download

【讨论】:

    猜你喜欢
    • 2014-04-12
    • 2017-10-18
    • 1970-01-01
    • 2017-07-14
    • 1970-01-01
    • 1970-01-01
    • 2013-11-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多