所有图像一次加载角度材料

时间:2017-05-30 13:02:40

标签: javascript angularjs lazy-loading angular-material

我正在使用me-lazyload并复制粘贴精确代码并放置在我的控制器和视图中,没有显示错误,所有图像一次加载而不是滚动..我正在使用角度材料。

var url = 'http://www.gravatar.com/avatar/6ca6c6611136a3e05ce30d872da1b551.jpg?s=100';
var ary = [];
  for(var i = 0; i < 40; i++){
     ary.push(url + '&t=' + i + (+new Date()))
   }
 $scope.images = ary;


<div class="container">
    <div class="wrap" ng-repeat="img in images">
        <img lazy-src="{{img}}" alt="">
    </div>
</div>

angular
        .module('app', [
            'ui.router',
            'triangular',
            'ngAnimate',
            'ngMaterial',
            'angularGrid',
            'ya.nouislider',
            'ngTouch',
            'sap.imageloader',
            'me-lazyload'
        ])

Plunker Link:https://plnkr.co/edit/5co6RSjJkkxdipaHPFAF?p=preview

我还实现了angular lazy img但同样的行为图像一次加载。

这是角度材料内容的问题还是我做错了什么?

0 个答案:

没有答案
相关问题