AngularJS ng-repetir con carrusel bootstrap

Question

Estoy tratando de hacer que este ng-repeat loop funcione con el carrusel de arranque, pero la forma en que entiendo y actualmente estoy usando el carrusel en otra parte es que solo un div que contiene una imagen puede marcarse con la clase ''activa'', y un div debe estar marcado con activo de lo contrario el carrusel falla. También falla si se marca más de uno. Una y solo una div puede marcarse como activa. Todos los demás div deben estar marcados como ''clase = elemento'' ¿Cómo puedo hacer que eso suceda con ng-repeat? Gracias.

<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

Luego simplemente marque el primero como activo, así:

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