博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic repeat 重复最后一个时要执行某个函数
阅读量:4605 次
发布时间:2019-06-09

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

在DOM里ng-repeat那个重复的标签上写ng-init="$last?lastAction($index):''",用三目表达式来判断是不是最后一个,是最后一个就去执行lastAction()函数。

$scope.lastAction = function(index){

  console.log(index+" is the last one.....")

}

当采用ionic ion-slide-box时,当前的slide box上有一部分内容也要进行滚动,比如banner,滚动banner时肯定会触发整个页面的滚动,为了达到滚动banner而不带动整个页面的滚动的目的,可以这样来操作

$timeout(function(){                document.getElementById('banners').addEventListener('touchstart',function(){            //console.log('touch start.....')            $ionicSlideBoxDelegate.$getByHandle('home-box').enableSlide(false);        });        document.getElementById('banners').addEventListener('touchend',function(){            //console.log('touch end.....')            $ionicSlideBoxDelegate.$getByHandle('home-box').enableSlide(true);        });        document.getElementById('banners').addEventListener('touchcancel',function(){            //console.log('touch cancel.....')            $ionicSlideBoxDelegate.$getByHandle('home-box').enableSlide(true);        });            },500)

所有的数据都是通过异步获取的,所以通过$timeout()来包裹这些事件。当touch banner部分内容区时,禁止整个页面的滚动,当touch结束时,开启整个页面的滚动。还有一个问题要注意,如果是多个同类名的小滚动区域也要实现该功能,如果只是将上面的id名改成classname,是会报错的。

用上述原生js写的话,需要使用for循环遍历;若是用jQuery,就只需要获取类名

$timeout(function(){        var columnList = document.getElementsByClassName("column-list");        for(var i=0;i

 

转载于:https://www.cnblogs.com/tiantianxiangshang33/p/5905019.html

你可能感兴趣的文章
数组相关函数
查看>>
Python 和其他编程语言数据类型的比较
查看>>
T2695 桶哥的问题——送桶 题解
查看>>
HTML5 表单
查看>>
Android群英传》读书笔记 (3) 第六章 Android绘图机制与处理技巧 + 第七章 Android动画机制与使用技巧...
查看>>
关于微信公众平台测试号配置失败的问题
查看>>
【NOIP2001】统计单词个数
查看>>
linux常用端口
查看>>
异常处理
查看>>
/proc/uptime详解
查看>>
如何建立合适的索引?
查看>>
acwing 651. 逛画展
查看>>
(待完成)qbxt2019.05 总结12 - 趣味题目 鹰蛋
查看>>
[2018/11/18] Java数据结构(2) 简单排序 冒泡排序 选择排序 插入排序
查看>>
关于WPF程序只运行一个实例的方法
查看>>
图论:点分治
查看>>
mysql
查看>>
C/C++ 知识点---sizeof使用规则及陷阱分析(网摘)
查看>>
java小程序 示例
查看>>
前端开发在线小工具
查看>>