Lazy Load and Fallback Image in collection repeat

Hi guys, I have a list that uses collection repeat. I use lazy load and fallback directive for better UI performance… It works well when image path is correct but if it is null the lazy load stuck and fallback image is not shown… Any one who manage to succeed in using these tactic… or anything much better to use?

I use this for lazy load :

and use this directive for image fallback :

.directive('onErrorSrc', function() {
  return {
    link: function(scope, element, attrs) {
      element.bind('error', function() {
        if (attrs.src != attrs.onErrorSrc) {
          attrs.$set('src', attrs.onErrorSrc);