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