angularjs - ui.bootstrap カルーセルで一度に複数のスライドを表示する方法

Question

私はui.bootstrap カルーセルを使用しています。正常に動作していますが、一度にスライドに表示してから 1 つずつスライドするには 3 つの画像が必要です。

Answer 1

あなたのニーズに合わせて、プランカーの例を適応させました。このプランカーをチェックしてください。

重要なビットは次のとおりです。

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