禁用离子滑动框中的滑动

Question

在离子中我们有slideBox。我想禁用滑动。我希望它在按钮点击时滑动。我该怎么办？

我在我的控制器中尝试了$ionicSlideBoxDelegate.enableSlide(false)，但它无效。

根据此链接http://forum.ionicframework.com/t/ionicslideboxdelegate-disable-all-swiping/6391我必须在幻灯片的范围内禁用但是如何访问元素的范围并应用它？

Answer 1

适当的地方是ng-init

<ion-slide-box ng-init="lockSlide()">

并在控制器中具有相应的功能

.controller('sliders', function($scope, $ionicSlideBoxDelegate) {
    $scope.lockSlide = function () {
        $ionicSlideBoxDelegate.enableSlide( false );
    }
}

Answer 2

在你的html文件中输入active-slide =“slidestop（$ index）”

<ion-slide-box active-slide="slidestop($index)">
</ion-slide-box>

在Controller类中运行“slidestop”

$scope.slidestop = function(index) {
    $ionicSlideBoxDelegate.enableSlide(false);
}

Answer 3

您的问题可能是在禁用滑动之前需要渲染幻灯片。所以在你的控制器中，使用超时：

$timeout(function(){
    $ionicSlideBoxDelegate.enableSlide(0);
},0);

Answer 4

在你的html添加

中

<ion-slide-box active-slide="slidestop" does-continue="false">

在你的控制器中添加

$timeout(function(){
$ionicSlideBoxDelegate.enableSlide(false);
},0);