Question

我有一个幻灯片，我不希望在第一个屏幕中看到分页，所以我添加如下：

<ion-slide-box show-pager ="false" on-slide-changed="reportSlideChanged($index, $ionicSlideBoxDelegate)" >

但是，当索引变得大于0时，我想在reportSlideChanged函数中更改show-pager。我试过

.controller('SplashController', function ($scope, $ionicSlideBoxDelegate) {
    //$scope.myActiveSlide = 1;
    console.log($scope.currentSlide, $ionicSlideBoxDelegate)

    $scope.reportSlideChanged = function (slideNum) {
        $scope.showPager = true;
        $ionicSlideBoxDelegate.update()
    }
})

但这不起作用。

Answer 1

嗨希望这会有所帮助。

CSS

.no-pager .slider-pager{
   display: none;
}

控制器

$scope.pager = true;

$scope.togglePager = function(){
   $scope.pager = !$scope.pager;
};

HTML

<ion-slide-box show-pager="true" ng-class="{'no-pager':pager}">

http://codepen.io/anon/pen/NPvmjB

离子框架：从控制器设置slidebox的属性

1 个答案: