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

Question

在我的 Ionic 应用程序中，我有一个带有 3 个幻灯片的离子幻灯片框。我禁用了滑动并通过使用 $ionicSlideBoxDelegate.slide(index)

的按钮跳转到下一张幻灯片

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

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

有人知道我该怎么做吗？

Answer 1

感谢 beaver 和 the_mahasagar！

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

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

对于那些感兴趣的人，基本代码：

$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)
}

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

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

Ion-Slide-Box go back one slide via back button

javascript

angularjs

ionic