博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic $ionicSlideBoxDelegate 滑动框事件
阅读量:7232 次
发布时间:2019-06-29

本文共 1688 字,大约阅读时间需要 5 分钟。

hot3.png

update()

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

slide(to, [speed])

是否启动滑动框功能

previous()

跳转到上一个滑块。如果在开始滑块,就循环。

next()

跳转到下一个滑块。如果在结尾就循环。

stop()

停止滑动。滑动框将不会再被滑动,直到再次启用。

currentIndex()

返回: 当前滑块的索引数值。

slidesCount()

返回: 当前滑块的数目。

$getByHandle(handle)

返回: delegateInstance一个只控制带有delegate-handle的ionSlideBox指令的授权实例来匹配给定句柄。

例如: $ionicSlideBoxDelegate.$getByHandle('my-handle').stop();

ps:

<ion-content class="bgcolor-eee" has-bouncing="false">
   <ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" has-bouncing="false">
       <ion-slide-box ng-if="restaurantList" on-slide-changed="slideHasChanged($index)" show-pager="true" does-continue="true" auto-play="true" slide-interval="4000">
           <ion-slide ng-repeat="restaurant in restaurantList">
               <div class="mainSlide">
                   <div class="ui-square2 margin-left-5" ng-click="(restaurant[0].id == 0)?restaurantLists():restaurantDetail(restaurant[0].id)">
                       <img ng-show="restaurant[0].state == 1" ng-src="{
{restaurant[0].file_path}}">
                       <img ng-show="restaurant[0].state == 0" class="grayPic" ng-src="{
{restaurant[0].file_path}}">
                       <div class="title text-center">
                           <span class="titleName">{
{restaurant[0].name}}</span>
                       </div>
                   </div>
                   <div ng-if="restaurant[1]" class="ui-square2" ng-click="(restaurant[1].id == 0)?restaurantLists():restaurantDetail(restaurant[1].id)">
                       <img ng-show="restaurant[1].state == 1" ng-src="{
{restaurant[1].file_path}}">
                       <img ng-show="restaurant[1].state == 0" class="grayPic" ng-src="{
{restaurant[1].file_path}}">
                       <div class="title text-center">
                           <span class="titleName">{
{restaurant[1].name}}</span>
                       </div>
                   </div>
               </div>
           </ion-slide>
       </ion-slide-box>

   </ion-scroll>

</ion-content >

转载于:https://my.oschina.net/jack088/blog/395659

你可能感兴趣的文章
HDU-3549 Flow Problem 简单最大流
查看>>
HDU-2102 A计划 BFS
查看>>
win7 怎样找到 "显示桌面"
查看>>
艾伟:WCF从理论到实践(14):WCF解决方案模板
查看>>
[BuildRelease]跨平台build脚本
查看>>
C# WinForm开发系列 - DataGrid
查看>>
Ant高级-task
查看>>
X509Certificate类解析证书的差异,算是.Net的BUG吗?
查看>>
PHP autoload机制详解(转)
查看>>
依赖注入
查看>>
增加系统右键菜单
查看>>
tail 500 跟踪系统错误 日志
查看>>
面向对象的设计原则二-单一职责原则
查看>>
数据库中聚簇索引与非聚簇索引的区别
查看>>
Objective-C中的一些特殊的数据类型
查看>>
C++关键字
查看>>
Kruskal算法的思想、证明及步骤
查看>>
来自 Google 的 R 语言编码风格指南
查看>>
常用的Mysql数据库操作语句大全
查看>>
iOS 新手指引在App中的添加,第一次启动应用程序出现,后面都不出现
查看>>