思路：

先用一個比較小的img圖片提示使用者，正在載入圖片；等圖片載入完畢後，再顯示需要的圖片。

html：src為預設顯示的圖片，lazy-src為需要懶載入的圖片

 <img image-lazy-load src=""  lazy-src="../image/logo.png" alt=""/>

js：

app.directive('imageLazyLoad', function() {
   return {
       // A = attribute, E = Element, C = Class and M = HTML Comment
       restrict: 'A',
       link: function(scope, element, attrs){
           element[0].src = '../image/logo.png';   //default
           element[0].onload =function (ev) {  //image load success
               element[0].src = attrs.lazySrc;
           }
       }
   };
});