我可以在离子滑盒中有正确的旋转木马吗？

Question

https://i.stack.imgur.com/NnhMY.png

https://i.stack.imgur.com/NIYZm.png 我从一个网站上拿了这个，我试图在我的页面右侧有一个这样的。在我的页面中，我有一个页眉、页脚，在内容区域我有这个离子滑动框，其中图像将一个接一个地滑动。所以我想要一个正确的轮播，就像第二个图片链接一样..

Answer 1

根据Ionic Docs可以。 ion-slide-boxelement 附带$ionicSlideBoxDelegate 服务，该服务提供帮助方法来控制幻灯片。服务上的这些帮助函数之一是next()。这使您可以在按钮单击事件上转到下一张幻灯片。您需要做的就是根据需要定位按钮并使用如下代码（从文档中稍作修改）。

用法：

//Your view
    <ion-view>
      <ion-slide-box>
        <ion-slide>
          <div class="box blue">
            Slide 1
          </div>
        </ion-slide>
        <ion-slide>
          <div class="box red">
            Slide 2!
          </div>
        </ion-slide>
      </ion-slide-box>
//Your button
<button ng-click="nextSlide()" class = "button-icon ion-chevron-right"></button>

    </ion-view>

//In your controller

    function MyCtrl($scope, $ionicSlideBoxDelegate) {
      $scope.nextSlide = function() {
        $ionicSlideBoxDelegate.next();
      }
    }