ionic瀑布流

最新推荐文章于 2024-09-03 12:42:04 发布

洺鱼

最新推荐文章于 2024-09-03 12:42:04 发布

阅读量1.3k

点赞数

分类专栏： angular和ionic 文章标签：插件瀑布流 ionic

本文链接：https://blog.csdn.net/qq_16660859/article/details/70237727

版权

angular和ionic 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

首先使用这个插件：
https://github.com/zedwang/angular-waterfall

更改部分代码，获得兼容性

if (scope.$last === true) {
                        angular.element(element).ready(function() {
                            var img = element.find("img")[0];
                            var oImage = new Image();

                          if (oImage.complete) {
                            //$timeout.cancel();
                            //$timeout(function(){
                            scope.$emit("waterfall:repeatFinished");
                            //},500);
                          }else {
                            oImage.onload = function () {
                              scope.$emit("waterfall:repeatFinished");
                            };
                          }
                          oImage.src = img.src;
                        });
                    }

  $rootScope.$on("waterfall:repeatFinished",function(){
                        $timeout.cancel();
                      $timeout(function(){
                        waterfall(scope.minCols);
                      },500)
                    });