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传送带在一个幻灯片两个图像从图像阵列

回答

相关问题