javascript - ionic 框架 ionSlideBox : how to change slide after button ng-click?

Question

我实现了 ionic SlideBox 组件:

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

我想在点击按钮后(不仅仅是在滑动手势之后)进行滑动(向前或向后)是否可能，请问我该怎么做？

非常感谢任何示例。

Answer 1

是的，如果您阅读包含的页面，您会看到对 $ionicSlideBoxDelegate 的引用.使用该委托(delegate)，您可以:

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

Controller :

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

    $scope.slidePrevious = function() {

        $ionicSlideBoxDelegate.previous();
    }

    $scope.slideNext = function() {

        $ionicSlideBoxDelegate.next();
    }
});

结帐 this codepen有一个工作示例。