Angular Lazy Load

lazyDirective.js

// Lazy load directive, taken from http://slid.es/djsmith/deep-dive-into-custom-directives

directive('myLazyLoad', function() {
 return {
  transclude: 'element',
  priority: 1200, // changed needed for 1.2
  terminal: true,
  restrict: 'A',
  compile: function(element, attr, linker) {
   return function (scope, iterStartElement, attr) {
    var hasBeenShown = false;
    var unwatchFn = scope.$watch(attr.myLazyLoad, function(value){
      if (value && !hasBeenShown) {
        hasBeenShown = true;
        linker(scope, function (clone) {
         iterStartElement.after(clone);
        });
        unwatchFn();
       }
      });
    }
   }
});