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;
  }
}