如何在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++ 
});