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

Question

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

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

现在我正试图用手机的后退按钮返回一张幻灯片。所以基本上用$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)
}

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