离子框架新的离子幻灯片基于Swing Widget从idangerous：如何更改幻灯片后按钮ng点击？

Question

参考链接：http://ionicframework.com/docs/api/directive/ionSlides/

我希望在点击上一个或下一个按钮后向前或向后滑动。

我有滑动手势的工作示例Codepen。

我该如何做按钮点击？

$scope.slidePrevious = function() { 

} 

$scope.slideNext = function() { 

} 

Answer 1

只是把这个变成你的点击处理程序，它会做的工作

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

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

这里更新codePen http://codepen.io/kmlzjc/pen/rLKdbR

Answer 2

你想让动画也发生吗？

如果你不需要，你可以把它放在一个常用的方法，并做到这一点：

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;