Ionic Framework Новые Ionic Slides на основе виджета Swiper от idangerous: как сменить слайд после нажатия кнопки нг-клик?

Question

Ionic Framework Новые Ionic Slides на основе виджета Swiper от idangerous: как сменить слайд после нажатия кнопки нг-клик?

0

Ссылка ссылки: http://ionicframework.com/docs/api/directive/ionSlides/

Я хотел бы сделать слайд вперед или назад после нажатия на предыдущую или следующую кнопку.

У меня есть рабочий пример для жестового движения Codepen.

как я могу сделать это для нажатия кнопки?

$scope.slidePrevious = function() {

}

$scope.slideNext = function() {

}

user2817508 27 июль 2016, в 21:29

Источник

Теги:

ionic-framework

angularjs

2 ответа

0

Хотели бы вы, чтобы анимация произошла?

Если вам это не нужно, вы можете просто добавить его в общий метод и сделать это:

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;

Ashwin Ramaswami 27 июль 2016, в 16:45

0

Я пытался это не работает. В моем рабочем примере из codepen, когда проведите пальцем вправо, он перейдет к следующему слайду. Мне нужна та же функциональность при нажатии следующей кнопки.
user2817508 27 июль 2016, в 19:51

Ещё вопросы

Я пытался это не работает. В моем рабочем примере из codepen, когда проведите пальцем вправо, он перейдет к следующему слайду. Мне нужна та же функциональность при нажатии следующей кнопки.

Kamil Zajac · Accepted Answer · 2016-07-27T18-29-00.000Z

Просто поместите это в свои обработчики кликов, он выполнит работу

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

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

Здесь обновляется codePen http://codepen.io/kmlzjc/pen/rLKdbR

Вы также можете изменить скорость анимации, например: $scope.data.sliderDelegate.slidePrev(undefined, 3000);