ion-slide-box 只有两条数据时的使用问题

2019-10-11  本文已影响0人  甘蔗不削皮

HTML

<ion-slide-box class="pager-pull-right" delegate-handle="sliderBoxTwo" show-pager="true" auto-play="autoPlay" does-continue="false" on-slide-changed="qrcodeChanged($index)" slide-interval="5000" style="width: 220px;margin: 50px auto;visibility: visible;">
 <ion-slide class="slider-item" ng-repeat="(key,item) in org.noticeList" repeat-done="repeatDone">
                <div class="banner-box" style="width: 100%;margin:0 auto;">
                    <img ng-src="{{item.userQrCode?item.userQrCode:'http://static.kuaijisishu.com/wx_live/img/no-img.png'}}"
                        style="width:100%;height: 80%;padding: 5px">
                </div>
            </ion-slide>
        </ion-slide-box>

js

$scope.qrcodeChanged = function (index) {

                $scope.qIndex = index;

                console.log($ionicSlideBoxDelegate, $ionicSlideBoxDelegate.$getByHandle("sliderBoxTwo").count())

                if (($ionicSlideBoxDelegate.$getByHandle("sliderBoxTwo").count() - 1) == index) {

                $timeout(function () {

                    $ionicSlideBoxDelegate.$getByHandle("sliderBoxTwo").slide(0);

                }, 5000);

                }

            }; 

$scope.repeatDone = function () {

    $ionicSlideBoxDelegate.update();

    //$ionicSlideBoxDelegate.slide($scope.week.length - 1, 1);

};

当只有两条数据时,html中的does-continue设置为false取消循环播放。

上一篇 下一篇

猜你喜欢

热点阅读