diff --git a/dist/src/ng2-img-fallback.directive.js b/dist/src/ng2-img-fallback.directive.js index 2fb1caae..99d3ff78 100644 --- a/dist/src/ng2-img-fallback.directive.js +++ b/dist/src/ng2-img-fallback.directive.js @@ -31,12 +31,12 @@ var Ng2ImgFallback = (function () { this.removeEvents(); }; __decorate([ - core_1.Input('ng2-img-fallback'), + core_1.Input('src-fallback'), __metadata('design:type', String) ], Ng2ImgFallback.prototype, "imgSrc", void 0); Ng2ImgFallback = __decorate([ core_1.Directive({ - selector: '[ng2-img-fallback]' + selector: '[src-fallback]' }), __metadata('design:paramtypes', [core_1.ElementRef]) ], Ng2ImgFallback); diff --git a/dist/src/ng2-img-fallback.directive.js.map b/dist/src/ng2-img-fallback.directive.js.map index 64a7de5c..fe08b8a4 100644 --- a/dist/src/ng2-img-fallback.directive.js.map +++ b/dist/src/ng2-img-fallback.directive.js.map @@ -1 +1 @@ -{"version":3,"file":"ng2-img-fallback.directive.js","sourceRoot":"","sources":["../../src/ng2-img-fallback.directive.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,2CAA2C;AAC3C,qBAA6C,eAAe,CAAC,CAAA;AAK7D;IAOE,wBAAY,EAAc;QAHlB,cAAS,GAAY,KAAK,CAAC;QAC3B,eAAU,GAAG,OAAO,CAAC;QAG3B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;QAC3B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACpE,CAAC;IAEO,gCAAO,GAAf;QACE,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,qCAAY,GAApB;QACE,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED,oCAAW,GAAX;QACE,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAzBD;QAAC,YAAK,CAAC,kBAAkB,CAAC;;kDAAA;IAL5B;QAAC,gBAAS,CAAC;YACT,QAAQ,EAAE,oBAAoB;SAC/B,CAAC;;sBAAA;IA6BF,qBAAC;AAAD,CAAC,AA5BD,IA4BC;AA5BY,sBAAc,iBA4B1B,CAAA"} \ No newline at end of file +{"version":3,"file":"ng2-img-fallback.directive.js","sourceRoot":"","sources":["../../src/ng2-img-fallback.directive.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,2CAA2C;AAC3C,qBAA6C,eAAe,CAAC,CAAA;AAK7D;IAOE,wBAAY,EAAc;QAHlB,cAAS,GAAY,KAAK,CAAC;QAC3B,eAAU,GAAG,OAAO,CAAC;QAG3B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;QAC3B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACpE,CAAC;IAEO,gCAAO,GAAf;QACE,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,qCAAY,GAApB;QACE,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED,oCAAW,GAAX;QACE,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAzBD;QAAC,YAAK,CAAC,cAAc,CAAC;;kDAAA;IALxB;QAAC,gBAAS,CAAC;YACT,QAAQ,EAAE,gBAAgB;SAC3B,CAAC;;sBAAA;IA6BF,qBAAC;AAAD,CAAC,AA5BD,IA4BC;AA5BY,sBAAc,iBA4B1B,CAAA"} \ No newline at end of file diff --git a/example/app.component.html b/example/app.component.html index 2f28d311..490bc0c6 100644 --- a/example/app.component.html +++ b/example/app.component.html @@ -6,11 +6,11 @@

Broken image

Broken image with broken fallback

- not working image with not working fallback + not working image with not working fallback

Broken image with working fallback

- not working image with wirking fallback + not working image with wirking fallback
diff --git a/src/ng2-img-fallback.directive.spec.ts b/src/ng2-img-fallback.directive.spec.ts index e1199fcb..47133873 100644 --- 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: `
` + template: `
` }) class TestComponent {} diff --git a/src/ng2-img-fallback.directive.ts b/src/ng2-img-fallback.directive.ts index a66e4a2b..fa1797e8 100644 --- 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';