image on load

directive

  function imageOnLoad($q) {
    return {
      restrict: 'A',
      link: function(scope, element, attrs) {
        var dfd = $q.defered();
          element.bind('load', function(e) {
            dfd.resolve();
          });
        return dfd;
      }
    }
  }
  

view

div#cliclable(
  ng-repeat="poster in posters.postersArr | filter: {outerIndex: $parent.slider.outerIndex}"
  ng-click="posters.openPost($event, poster.outerIndex, poster.innerIndex)"
  my-poster-place
  )
  img(ng-src="{{poster.pictureUrl}}" image-on-load)