directives

src/app/directives/fallback-src.directive.ts

@@ -0,0 +1,20 @@
+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;
+    }
+}

src/app/directives/stop-click.directive.ts

@@ -0,0 +1,13 @@
+import {
+    Directive,
+    HostListener,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appStopClick]'
+})
+export class StopClickDirective {
+    @HostListener('click', ['$event']) onClick($event: MouseEvent) {
+        $event.preventDefault();
+    }
+}

src/app/directives/stop-prop.directive.ts

@@ -0,0 +1,13 @@
+import {
+    Directive,
+    HostListener,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appStopProp]'
+})
+export class StopPropDirective {
+    @HostListener('click', ['$event']) onClick($event: MouseEvent) {
+        $event.stopPropagation();
+    }
+}