Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 所有图像都同时加载有角度的材质_Javascript_Angularjs_Lazy Loading_Angular Material - Fatal编程技术网

Javascript 所有图像都同时加载有角度的材质

Javascript 所有图像都同时加载有角度的材质,javascript,angularjs,lazy-loading,angular-material,Javascript,Angularjs,Lazy Loading,Angular Material,我正在使用并复制粘贴精确代码,并将其放置在我的控制器和视图中,不会显示任何错误,并且所有图像都会立即加载,而不是滚动。。我用的是有棱角的材料 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 Da

我正在使用并复制粘贴精确代码,并将其放置在我的控制器和视图中,不会显示任何错误,并且所有图像都会立即加载,而不是滚动。。我用的是有棱角的材料

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'
        ])
var url='1〕http://www.gravatar.com/avatar/6ca6c6611136a3e05ce30d872da1b551.jpg?s=100';
var ary=[];
对于(变量i=0;i<40;i++){
ary.push(url+'&t='+i+(+newdate()))
}
$scope.images=ary;
有棱角的
.module('app'[
“ui.router”,
"三角形",,
“ngAnimate”,
“ngMaterial”,
“角度网格”,
“是的,努伊斯利德”,
“ngTouch”,
“sap.imageloader”,
“我懒虫”
])
Plunker链接:

我也实现了,但同时加载了相同的行为图像


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

您是否按照文档中所示导入了模块
var-app=angular.module('myApp',['me-lazyload'])
yeah-man我添加了:)你能给我们看一下代码吗?我更新了我的问题,你现在可以检查了。@QubaishBhatti我已经检查了你的plunkr,如果你能在GitHub上包含example.html中的CSS,那么它工作得很好!!