Question

我想要像在旋转木马幻灯片中显示选定的索引一样简单。但由于某种原因，它不起作用。

文档有点神秘，所以我不确定我是否正确操作。这是我的html（注意：里面有一些烧瓶|忍者，这里重要的是活跃的=＆＃34; slide.active＆＃34;）：

 <uib-carousel id="over" active="active" interval="myInterval" no-wrap="noWrapSlides" ng-swipe-left="next()" ng-swipe-right="prev()">
    <uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id" active="slide.active">
      <a href="{{url_for('display_keetle_detail')}}">
        <img class="irmg" ng-src="{{slide.image|angular}}" style="margin:auto;" ng-click="test(slide.id)">
      </a>
      <div class="carousel-caption">
      </div>
    </uib-slide>
  </uib-carousel>

所以我的卡鲁塞尔正在工作。但是，例如，从我的js，我想显示第3个索引：

 $scope.slides[3].active = true;

幻灯片是幻灯片数组。从文档中可以看出它使幻灯片处于活动状态＆＃39;。我不确定这是否意味着将其设为活动状态会将其显示为旋转木马的当前幻灯片，正如我所料。

Answer 1

uib-carousel指令的活动值用于管理哪个uib-slide指令索引值处于活动状态。由于slide.id是幻灯片的索引值，因此您需要使用：$scope.active = slides[3].id。

角度uib-carousel，主动滑动不工作

1 个答案: