Ion-Slide-Box 通过后退按钮返回一张幻灯片答案

【问题标题】：Ion-Slide-Box go back one slide via back buttonIon-Slide-Box 通过后退按钮返回一张幻灯片
【发布时间】：2016-01-03 17:14:24
【问题描述】：

在我的 Ionic 应用程序中，我有一个带有 3 张幻灯片的 ion-slide-box。我通过使用$ionicSlideBoxDelegate.slide(index)的按钮禁用了滑动并跳转到下一张幻灯片

现在我正在尝试使用手机的后退按钮返回一张幻灯片。所以基本上是$ionicHistory.goBack()

另外，如果我进入一个新状态并返回到幻灯片框，我想直接跳到我离开的幻灯片。

有人知道我该怎么做吗？

【问题讨论】：

你试过$ionicPlatform.registerBackButtonAction(function (e) {...});吗？
try using this

标签： javascript angularjs ionic

【解决方案1】：

感谢海狸和 the_mahasagar！

解决方案是使用$ionicPlatform.registerBackButtonAction(function (event) {})

如果我来自$ionicHistory.goBack() 直接跳转到正确的幻灯片，我也使用ng-init=init_function() 检查状态。

对这里感兴趣的基本代码：

$scope.currentSlide = 0

$scope.nextSlide = function() {
    $scope.currentSlide++
    $scope.goToSlide($scope.currentSlide)
}

$scope.goToSlide = function(index) {
    $ionicSlideBoxDelegate.slide(index)
}

$ionicPlatform.registerBackButtonAction(function (event) {
    if($scope.currentSlide > 0)
        $scope.goToSlide($scope.currentSlide-1)
    else
        $ionicHistory.goBack()
}, 140)

$scope.init_function = function() {
    if(STATE) // a certain state after you jumped out to a new view and back via $ionicHistory.goBack()
        $scope.goToSlide(NUMBER)
}

显然你需要做一些检查，即它是否是最后一张幻灯片等。

【讨论】：