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

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

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

你这样动态删除元素再更新不会遇到图片叠加在一起的问题吗？

		自动登录	找回密码
密码			立即注册

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

站长推荐 /1