使用引导转盘的AngularJS ng-repeat

Question

我正在尝试让这个ng-repeat循环与引导转盘一起工作，但我理解并且目前在其他地方使用转盘的方式是，只有一个包含图像的div可以被标记为' active‘类，而一个div必须被标记为active，否则转盘将失败。如果标记了多个，它也会失败。一个且只有一个div可以标记为活动。每隔一个div都应该标记为'class=item‘，我该怎么用ng-repeat来实现呢？谢谢。

<div class="carousel" id="slider" style="margin-left: 20px;">

    <label class="labelSecurity">Incident Photos</label><br />

    <div class="carousel-inner">
        <div class="item active" ng-repeat="photo in photoPath">
            <img src="{{ photo.path }}" class="img-responsive">
        </div>
    </div>

    <a class="carousel-control right" href="#slider" data-slide="next"></a>

</div>

Answer 1

然后将第一个标记为活动，如下所示：

<div class="item" ng-class="{active:!$index}" ng-repeat="photo in photoPath">