如何在ui.bootstrap轮播中一次显示多张幻灯片

Question

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

Answer 1

我已经从他们的plunker调整了这个例子以满足您的需求。请查看此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++
});