javascript - Angular 转盘指示器不工作

Question

我正在使用 angular-carousel在轮播中显示一组图像。除了指示器外，轮播工作正常。指示器未显示。以下是 carouse 的代码。

  <ul rn-carousel rn-carousel-pause-on-hover="" rn-carousel-auto-slide="" class="image" ng-init="images = ['assets/img/1.png','assets/img/2.png','assets/img/3.png']">
    <li ng-repeat="image in images"><img src="{{image}}"/></li>
  </ul>

下面是显示指标的div。

<div rn-carousel-indicators ng-if="images.length > 1" slides="images" rn-carousel-index="carouselIndex"></div>

任何人都可以建议如何让指标工作。

Answer 1

您需要将 carouselIndex 绑定(bind)到 carousel 指令:

<ul rn-carousel rn-carousel-pause-on-hover="" rn-carousel-auto-slide="" rn-carousel-index="carouselIndex" class="image" ng-init="images = ['assets/img/1.png','assets/img/2.png','assets/img/3.png']">