離子框架新的離子幻燈片基於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;