ionic repeat 重复最后一个时要执行某个函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic repeat 重复最后一个时要执行某个函数相关的知识,希望对你有一定的参考价值。

在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<columnList.length;i++){
            columnList[i].addEventListener(‘touchstart‘,function(){
                console.log("start....")
                $ionicSlideBoxDelegate.$getByHandle(‘home-box‘).enableSlide(false);
            });
        }
//        $(".column-list").on(‘touchstart‘,function(){
//            console.log("start....")
//        $ionicSlideBoxDelegate.$getByHandle(‘home-box‘).enableSlide(false);
//        });
        $(".column-list").on(‘touchend touchcancel‘,function(){
            console.log(‘touch end.....‘)
            $ionicSlideBoxDelegate.$getByHandle(‘home-box‘).enableSlide(true);
        });
        },500)

 

以上是关于ionic repeat 重复最后一个时要执行某个函数的主要内容,如果未能解决你的问题,请参考以下文章

pytest文档28-重复执行用例(pytest-repeat)

2017-5-18 Repeater 重复器的使用

Emacs 中有 (repeat-last-command) 吗?

WebForm数据展示 Web Repeater的使用

web端 repeat和简单控件

30-pytest-重复执行用例-pytest-repeat