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();
}
}
自己顶起 你这样 动态删除元素 再更新不会遇到图片叠加在一起的问题吗?
页:
[1]