2016-04-13 14 views
1

Dönen slayttan seçilen bir dizini görüntülemek kadar basit bir şey isterim. Ama bir sebepten dolayı işe yaramıyor.açısal uib-carousel, etkin slayt çalışmıyor

Dokümantasyon kinda şifreli olduğundan doğru şekilde yapıp yapmadığımı bilmiyorum. Yani benim carrousel çalışıyor

<uib-carousel id="over" active="active" interval="myInterval" no-wrap="noWrapSlides" ng-swipe-left="next()" ng-swipe-right="prev()"> 
    <uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id" active="slide.active"> 
     <a href="{{url_for('display_keetle_detail')}}"> 
     <img class="irmg" ng-src="{{slide.image|angular}}" style="margin:auto;" ng-click="test(slide.id)"> 
     </a> 
     <div class="carousel-caption"> 
     </div> 
    </uib-slide> 
    </uib-carousel> 

: |: (içine ninja, burada önemli olan "slide.active" = aktif bazı şişesi var Not) Benim html. Ama örneğin, benim js gelen, ben 3th dizini görüntülemek istiyorum: slaytlar slayt bir dizidir

$scope.slides[3].active = true; 

. Dokümantasyondan, 'aktif' slaydı yaptıklarını söylüyor. Etkin hale getirmenin, onu beklediğim gibi karuselin mevcut slaydı olarak göstereceğinden emin değilim.

cevap

2

Uib-carousel yönergesi üzerindeki etkin değer, hangi uib-slide yönerge indeks değerinin etkin olduğunu yönetmek için kullanılır. Slide.id, slaytların indeks değeri olduğundan, aşağıdakileri kullanmanız gerekir: $scope.active = slides[3].id.

+0

Bu işe yarıyor. Sizden beklenen değeri nasıl bu şekilde ayarlayacağınızı nasıl anladınız? Sadece belgeleri yeniden okudum ve bunun böyle yapılması gerektiğini asla düşünemedim. Her neyse, –

+0

uib-carousel ayarları bölümündeki dokümanlardan: active - Geçerli aktif slaydın indeksi. Göz simgesi, bu özellik üzerinde 2 yollu bağlantı olduğunu gösterir. Sekme yönergesi aynı şekilde çalışır. Açıklama geliştirilebilirse, lütfen bir sorun açın ve bir öneri sunun. –