Angular directive for a fallback image

Question

If an image on a separate server doesn\'t exist I\'d like to display a default image. Is there an angular directive to accomplish this?

Answer 1

I wrote my own fallback lib.

A pretty simple and straightforward angular fallback image lib:

https://github.com/alvarojoao/angular-image-fallback

Utility to work with loading images and handling image error, has image-holder to handle errors in image loading and image-loading for images loading placeholders

http://alvarojoao.github.io/angular-image-fallback

Usage

Just add the image attribute to your tags

Make sure you don't use ng-src as your image src attribute.

Advanced options

with custom fallback and loading placeholders:

Example:

https://jsfiddle.net/alvarojoao/4wec4gsq/embedded/result/