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