你懂的 发表于 2015-9-30 12:55:40

ion-slide-box如何动态增加修改,以及如何循环ion-slide

ion-slide-box如何动态增加修改,以及如何循环ion-slide?
ion-slide-box是一个轮播指令

如果我们想动态的增加   删除对应的轮播图片我们可以执行如下方法:

$ionicSlideBoxDelegate.update();


$ionicSlideBoxDelegate.update()

更新滑动框(例如,用带有ng-repeat的Angular,调整它里面的元素)。


<body ng-controller="MyCtrl">
<ion-slide-box>
    <ion-slide>
      <div class="box blue">
      <button ng-click="nextSlide()">下一个滑块!</button>
      </div>
    </ion-slide>
    <ion-slide>
      <div class="box red">
      滑块 2!
      </div>
    </ion-slide>
</ion-slide-box>
</body>

function MyCtrl($scope, $ionicSlideBoxDelegate) {
$scope.nextSlide = function() {
    $ionicSlideBoxDelegate.next();
}
$scope.addSlide = function() {
    $ionicSlideBoxDelegate.update();
}

}


你懂的 发表于 2015-10-11 13:59:35

自己顶起

2971288834 发表于 2015-10-26 16:10:54

你这样 动态删除元素 再更新不会遇到图片叠加在一起的问题吗?
页: [1]
查看完整版本: ion-slide-box如何动态增加修改,以及如何循环ion-slide