UIB傳送帶在一個幻燈片兩個圖像從圖像陣列

我images.One圖像的1個滑動陣列工作正常，但是，我想說明1張幻燈片兩個圖像這是我plunker http://plnkr.co/edit/2GRRijUJDzuHNnHbr2U2?p=preview UIB傳送帶在一個幻燈片兩個圖像從圖像陣列

這是我對每張幻燈片一個圖像標記

<uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides"> 
    <uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id"> 
    <img ng-src="{{slide.image}}" style="margin:auto;"> 
    <div class="carousel-caption"> 
     <h4>Slide {{slide.id}}</h4> 
     <p>{{slide.text}}</p> 
    </div> 
    </uib-slide> 
</uib-carousel>

來源

2016-05-07 Ikshit Mathur

你需要遍歷*對*圖像的列表，還是通過遍歷圖像2的列表2？ – deKajoo

是的，我需要每張幻燈片重複2張圖片，謝謝你的回答 –

如果你需要的是遍歷對圖像的你能做到這樣的：

http://plnkr.co/edit/URRvZUwohYOSsypVSd8I?p=preview

我改變了addSlide功能：

$scope.addSlide = function() { 
    var newWidth = 600 + slides.length + 1; 
    slides.push({ 
     image1: 'http://lorempixel.com/' + newWidth + '/300', 
     image2: 'http://lorempixel.com/' + newWidth + '/300', 
     text: ['Nice image','Awesome photograph','That is so cool','I love that'][slides.length % 4], 
     id: currIndex++ 
    }); 
    };

而且<uid-slide>模板

<uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id"> 
    <div> 
     <img ng-src="{{slide.image1}}" style="width:50%;display:inline-block"> 
     <img ng-src="{{slide.image2}}" style="width:50%;display:inline-block"> 
    </div> 
    <div class="carousel-caption"> 
     <h4>Slide {{slide.id}}</h4> 
     <p>{{slide.text}}</p> 
    </div> 
    </uib-slide>

來源

2016-07-11 16:41:05 deKajoo

UIB傳送帶在一個幻燈片兩個圖像從圖像陣列

回答

相關問題