Ионный каркас ionSlideBox: как изменить слайд после кнопки ng-click?

Question

я реализован ионный компонент 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(); 
    } 
}); 

Checkout this codepen с рабочим примером.