comment montrer plusieurs diapositives à la fois dans le carousel ui.bootstrap

Question

J'utilise ui.bootstrap carousel. Cela fonctionne très bien mais j'ai besoin de 3 images pour montrer dans une diapositive à la fois, puis glisser un par un.

Answer 1

J'ai adapté l'exemple de leur plunker pour répondre à vos besoins. Veuillez vérifier ceci plunker.

Les bits importants sont les suivants:

<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> 

et

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