AngularJS ng-repeat с карусельной загрузкой

Я пытаюсь заставить этот цикл ng-repeat работать с карусельной загрузкой, но способ, которым я понимаю и использую в настоящее время карусель в другом месте, состоит в том, что только один div, содержащий изображение, может быть отмечен "активным" классом, и один div должен быть отмечен активным, иначе карусель не сработает. Он также терпит неудачу, если отмечено более одного. Один и только один 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>

Ответы

Ответ 1

Затем просто отметьте первый как активный, например:

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