Enlace de referencia: http://ionicframework.com/docs/api/directive/ionSlides/

Me gustaría hacer un deslizamiento hacia adelante o hacia atrás después de hacer clic en el botón anterior o siguiente.

Tengo un ejemplo de trabajo para el gesto de deslizar Codepen.

¿Cómo puedo hacerlo para hacer clic en el botón?

$scope.slidePrevious = function() {

}

$scope.slideNext = function() {

}
0
user2817508 27 jul. 2016 a las 22:19

2 respuestas

La mejor respuesta

Simplemente coloque esto en sus manejadores de clics, hará el trabajo

$scope.slidePrevious = function() {
    $scope.data.sliderDelegate.slidePrev();
}

$scope.slideNext = function() {
    $scope.data.sliderDelegate.slideNext();
}

Aquí está CodePen actualizado http://codepen.io/kmlzjc/pen/rLKdbR

0
Kamil Zajac 27 jul. 2016 a las 19:53

¿Le gustaría que la animación también sucediera?

Si no lo necesita, puede ponerlo en un método común y hacer esto:

function slideEnd() {
          $scope.data.currentPage = $scope.data.sliderDelegate.activeIndex;
          //use $scope.$apply() to refresh any content external to the slider
          $scope.$apply();
}

$scope.data.sliderDelegate.on('slideChangeEnd', slideEnd);
$scope.slideNext = slideEnd;
0
Ashwin Ramaswami 27 jul. 2016 a las 19:34