错误ng-repeat Owl.carousel

Question

我已经按照本教程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}}。我分享了我的问题图片

我该如何解决这个问题？

Answer 1

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

link to download