diff --git a/addon/components/async-image.js b/addon/components/async-image.js index f47489f..10196ad 100644 --- a/addon/components/async-image.js +++ b/addon/components/async-image.js @@ -1,4 +1,5 @@ import Ember from 'ember'; +import getOwner from 'ember-getowner-polyfill'; const { Component, @@ -12,6 +13,11 @@ const TRANSPARENT_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAE export default Component.extend({ tagName: 'img', + fastboot: Ember.computed(function() { + let owner = getOwner(this); + return owner.lookup('service:fastboot'); + }), + // attributes title: null, alt: null, @@ -86,6 +92,7 @@ export default Component.extend({ }, _loadImage: observer('src', function() { + if (this.get('fastboot.isFastBoot')) { return; } if (this._image) { this.teardownHandlers(this._image); } diff --git a/package.json b/package.json index 9af7353..b52ac23 100644 --- a/package.json +++ b/package.json @@ -52,9 +52,10 @@ ], "dependencies": { "ember-cli-babel": "^5.1.5", - "ember-cli-htmlbars": "^1.0.1" + "ember-cli-htmlbars": "^1.0.1", + "ember-getowner-polyfill": "^1.0.1" }, "ember-addon": { "configPath": "tests/dummy/config" } -} \ No newline at end of file +}