Question

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

https://i.stack.imgur.com/NIYZm.png 我从一个网站上拿到了这个，我试图在我的页面的右侧只有这样的一个。在我的页面中我有一个页眉，页脚，在内容区域我有这个离子滑动框，图像将一个接一个地滑动。所以我想在第二个图像链接中使用正确的旋转木马..

Answer 1

根据Ionic Docs你可以。 ion-slide-box元素附带$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();
      }
    }

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

1 个答案: