2014-09-10 20 views
15

Bu ng-yineleme döngüsünü bootstrap carousel ile çalışmaya çalışıyorum, ancak anladığım şekilde ve şu anda başka bir şekilde atlı kareyi kullanıyor olduğumu görüyorum, yalnızca bir resim içeren bir div işaretlenebilir 'aktif' sınıfıyla ve bir div aktif olarak işaretlenmelidir aksi halde karusel başarısız olur. Birden fazla işaretlenmişse de başarısız olur. Bir ve sadece bir div aktif olarak işaretlenebilir. Diğer her div sadece 'class = item' olarak işaretlenmelidir. Bunu ng-repeat ile nasıl gerçekleştiririm? Teşekkür ederim. SonraBootstrap carousel ile AngularJS ng-yineleme

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

cevap

33

sadece bu gibi aktif birincisi işaretlemek:

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

Müthiş, teşekkür ederim! –

+0

@Josep: Aşağıdaki sorudan bana yardım edebilir misiniz: http://stackoverflow.com/questions/31078842/why-multi-item-casrousel-ng-repreat-class-item-active-not-working-angularjs –

+0

Ben bu basit bir satır ile mümkün olduğunu hayal edemezdim :( –

İlgili konular