离子框架 ionSlideBox：如何在单击按钮后更改幻灯片？

Question

我实现了 ionic SlideBox 组件：

http://ionicframework.com/docs/api/directive/ionSlideBox/

我想在点击按钮后（不仅仅是在滑动手势后）进行滑动（向前或向后），这可能吗？我该怎么做？

非常感谢任何示例。

Answer 1

是的，如果您阅读包含的页面，您会看到对 $ionicSlideBoxDelegate 的引用。 使用该委托，您可以执行以下操作：

<button ng-click="slidePrevious()">Previous</button>
<button ng-click="slideNext()">Next</button>

控制器：

.controller('MyCtrl', ['$scope', '$ionicSlideBoxDelegate', function($scope, $ionicSlideBoxDelegate) {

    $scope.slidePrevious = function() {

        $ionicSlideBoxDelegate.previous();
    }

    $scope.slideNext = function() {

        $ionicSlideBoxDelegate.next();
    }
});

使用工作示例检查 this codepen。