lazy-loading-image-in-ember

set-image-src-attribute.js

import { get, set }    from 'ember';
import InViewportMixin from '../mixins/in-viewport';

export default Component.extend(InViewportMixin, {
  lazyUrl: null,

  elementInViewport: observer('enteredViewport', function() {
    // assuming the url was passed into the component
    set(this, 'lazyUrl', get(this, 'url'));
  }).on('didInsertElement')
});