Angular.lazyload 图片惰性加载

开发网页，jQuery一大堆lazyload的插件，现在用Angularjs，自己写不出来啦，找了两个插件。

angular-lazy-image.js

https://github.com/afklm/ng-lazy-image
非常不错的插件，功能齐全，听说可能会并入到Angular中去。

下载js

npm install angular-lazy-image

放入头文件

依赖注入

angular.module('yourapp', ['afkl.lazyImage'])

修改src

 class="afkl-lazy-wrapper afkl-img-ratio-1-1 own-classname">

但是目前用了ionic的前端框架，图片加载不了，可能样式冲突乱套了。所以改用下面这个了。

ionic-image-lazy-load.js

https://github.com/paveisistemas/ionic-image-lazy-load
配套ionic框架，功能稍微少一点，但是足够用了。

下载js

bower install ion-image-lazy-load --save

放入头文件

依赖注入

angular.module('yourapp', ['ionic', 'ionicLazyLoad'])

将 lazy-scroll作为属性放入 用来监听滚动

然后将src改为img-lazy-src