Skip to content

Instantly share code, notes, and snippets.

@cozzbie

cozzbie/image-fallback.ts

Last active October 17, 2019 00:51
Show Gist options
  • Save cozzbie/04725b332eaebb67c2c06fa282827af4 to your computer and use it in GitHub Desktop.
Save cozzbie/04725b332eaebb67c2c06fa282827af4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
image-fallback.ts
import { Directive, Input, HostBinding } from '@angular/core';
@Directive({
selector: 'img[appImageFallback]'
})
export class ImageFallbackDirective {
fallback = 'path/to/default/image.png';
@Input() src: string;
constructor() {}
@HostBinding('attr.src') get source() {
return this.src || this.fallback;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment