如何在ui.bootstrap旋转木马中一次显示多张幻灯片

Question

我正在使用ui.bootstrap carousel。它工作正常，但我需要3张图像才能一次显示在幻灯片中，然后逐个滑动。

Answer 1

我已经调整了他们的掠夺者的例子来满足您的需求。请检查这个plunker。

重要的位是：

<img ng-src="{{slide.image}}" style="margin:auto;" ng-if="!slide.images"> 
<div ng-if="slide.images"> 
     <img src="{{image.url}}" ng-repeat="image in slide.images"> 
</div> 

和

$scope.slides.push({ 
    images: [ 
     { 
     url: 'https://unsplash.it/600/100' 
     },{ 
     url: 'https://unsplash.it/600/100' 
     },{ 
     url: 'https://unsplash.it/600/100' 
     } 
    ], 
    text: '3 pictures on one slide', 
    id: currIndex++ 
});