离子框架离子幻灯片框:如何在按钮ng单击后更改幻灯片

Ionic framework ionSlideBox : how to change slide after button ng-click?

本文关键字：幻灯片 ng 单击 按钮 框架      更新时间：2023-09-26

>i 实现了 ionic SlideBox 组件：

http://ionicframework.com/docs/api/directive/ionSlideBox/

我想在单击按钮后（不仅在滑动手势之后）制作幻灯片（向前或向后）是否可以，请问我该怎么做？

非常感谢任何示例。

是的，如果您阅读包含的页面，您会看到对$ionicSlideBoxDelegate的引用。使用该委托，您可以执行以下操作：

<button ng-click="slidePrevious()">Previous</button>
<button ng-click="slideNext()">Next</button>

控制器：

.controller('MyCtrl', ['$scope', '$ionicSlideBoxDelegate', function($scope, $ionicSlideBoxDelegate) {
    $scope.slidePrevious = function() {
        $ionicSlideBoxDelegate.previous();
    }
    $scope.slideNext = function() {
        $ionicSlideBoxDelegate.next();
    }
});

使用工作示例查看此代码笔。

相关文章：