AngularJS ng-lặp lại với bootstrap carousel

Question

Tôi đang cố gắng để có được vòng lặp ng-lặp lại này để làm việc với băng chuyền bootstrap, nhưng cách tôi hiểu và hiện đang sử dụng băng chuyền ở nơi khác là chỉ có một div chứa hình ảnh có thể được đánh dấu với lớp 'hoạt động' và một div phải được đánh dấu bằng hoạt động nếu không băng chuyền không thành công. Nó cũng thất bại nếu nhiều hơn một được đánh dấu. Một và chỉ một div có thể được đánh dấu là đang hoạt động. Mỗi div khác chỉ nên được đánh dấu 'class = item' Làm thế nào để tôi làm điều đó xảy ra với ng-repeat? Cảm ơn bạn.

<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

Sau đó chỉ cần đánh dấu một trong những đầu tiên là tích cực, như thế này:

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