simplified directive to "src-fallback"

VadimDez · Jun 7, 2016 · bacef74 · bacef74
1 parent 64927db
commit bacef74
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/dist/src/ng2-img-fallback.directive.js b/dist/src/ng2-img-fallback.directive.js
diff --git a/dist/src/ng2-img-fallback.directive.js.map b/dist/src/ng2-img-fallback.directive.js.map
diff --git a/example/app.component.html b/example/app.component.html
@@ -6,11 +6,11 @@ <h3>Broken image</h3>
     </div>
     <div>
         <h3>Broken image with broken fallback</h3>
-        <img src="not-working_image" alt="not working image with not working fallback" ng2-img-fallback="{{ brokenPlaceholder }}">
+        <img src="not-working_image" alt="not working image with not working fallback" src-fallback="{{ brokenPlaceholder }}">
     </div>
     <div>
         <h3>Broken image with working fallback</h3>
-        <img src="not-working_image" alt="not working image with wirking fallback" ng2-img-fallback="{{ workingPlaceholder }}">
+        <img src="not-working_image" alt="not working image with wirking fallback" src-fallback="{{ workingPlaceholder }}">
     </div>
 </section>
 

diff --git a/src/ng2-img-fallback.directive.spec.ts b/src/ng2-img-fallback.directive.spec.ts
@@ -14,7 +14,7 @@ import { Ng2ImgFallback } from './ng2-img-fallback.directive';
 
 @Component({
   selector: 'test-component',
-  template: `<div ng2-img-fallback></div>`
+  template: `<div src-fallback></div>`
 })
 class TestComponent {}
 

diff --git a/src/ng2-img-fallback.directive.ts b/src/ng2-img-fallback.directive.ts
@@ -2,11 +2,11 @@
 import { Directive, ElementRef, Input } from '@angular/core';
 
 @Directive({
-  selector: '[ng2-img-fallback]'
+  selector: '[src-fallback]'
 })
 export class Ng2ImgFallback {
 
-  @Input('ng2-img-fallback') imgSrc: string;
+  @Input('src-fallback') imgSrc: string;
   private el:HTMLElement;
   private isApplied: boolean = false;
   private EVENT_TYPE = 'error';