angular uib-carousel，活动幻灯片不工作

Question

我想要一些简单的东西，比如显示轮播幻灯片中的选定索引。但由于某种原因，它不起作用。

文档有点含糊，所以我不确定我是否做对了。这是我的html（注意：里面有一些flask | ninja，这里重要的是active="slide.active"）：

 <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;

其中 slides 是一组幻灯片。从文档中可以看出它制作了幻灯片 'active'。我不确定这是否意味着激活它会像我预期的那样将其显示为轮播的当前幻灯片。

Answer 1

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

angular uib-carousel，活动幻灯片不工作

angular uib-carousel, active slide not working

carousel

angular-ui-bootstrap