21 lines
387 B
TypeScript
21 lines
387 B
TypeScript
|
import {
|
||
|
|
Directive,
|
||
|
|
ElementRef,
|
||
|
|
HostListener,
|
||
|
|
Input,
|
||
|
|
} from '@angular/core';
|
||
|
|
|
||
|
|
@Directive({
|
||
|
|
selector: '[appFallbackSrc]',
|
||
|
|
})
|
||
|
|
export class FallbackSrcDirective {
|
||
|
|
@Input('appFallbackSrc') appFallbackSrc: string;
|
||
|
|
|
||
|
|
constructor(private el: ElementRef) {
|
||
|
|
}
|
||
|
|
|
||
|
|
@HostListener('error') onError() {
|
||
|
|
this.el.nativeElement.src = this.appFallbackSrc;
|
||
|
|
}
|
||
|
|
}
|