Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -$ionicSlideBoxDelegate
漂亮的界面 追求性能 专注原生 免费开源
$ionicSlideBoxDelegate
授权控制ionSlideBox
指令。
当$ionicSlideBoxDelegate服务控制所有滑动框时触发该方法。用 $getByHandle方法控制特定的滑动框实例。
用法
<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();
}
}
方法
update()
更新滑动框(例如,用带有ng-repeat的Angular,调整它里面的元素)。
slide(to, [speed])
参数 | 类型 | 详情 |
---|---|---|
to |
数字
|
滑动的索引。 |
speed
(可选)
|
数字
|
滑动切换的毫秒数。 |
enableSlide([shouldEnable])
参数 | 类型 | 详情 |
---|---|---|
shouldEnable
(可选)
|
布尔值
|
是否启用滑动框的滑动功能。 |
- 返回:
布尔值
是否启用滑动。
previous()
跳转到上一个滑块。如果在开始滑块,就循环。
next()
跳转到下一个滑块。如果在结尾就循环。
stop()
停止滑动。滑动框将不会再被滑动,直到再次启用。
currentIndex()
- 返回: 当前滑块的索引数值。
slidesCount()
- 返回: 当前滑块的数目。
$getByHandle(handle)
参数 | 类型 | 详情 |
---|---|---|
handle |
字符串
|
- 返回:
delegateInstance
一个只控制带有delegate-handle
的ionSlideBox
指令的授权实例来匹配给定句柄。
例如: $ionicSlideBoxDelegate.$getByHandle('my-handle').stop();