tobbbe
4/22/2014 - 9:11 AM

fallbacksrc

fallbacksrc

<div ng-repeat="imagesrc in artimages">
  <img class="pic" fallback-src="img/company-logo.png" ng-src="{{imagesrc}}"/>
</div>



.directive('fallbackSrc', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs){

                if(attrs.ngSrc == ""){
                    element.attr('src', attrs.fallbackSrc);
                }
                element.bind('error', function(e){
                    element.attr('src', attrs.fallbackSrc);
                });
        }
  };
})