angular 轮播指示器不工作

Question

我正在使用 angular-carousel 在轮播中显示一组图像。除了未显示 indicator.The 指示器外，旋转木马工作正常。以下是狂欢的代码。

  <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 绑定到轮播指令：

<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']">

angular 轮播指示器不工作

angular carousel indicator not working

javascript

css

angularjs

angular-carousel