chrism

import Ember from 'ember';

export default Ember.Component.extend({
  imageLoaded: 'image not yet loaded',
  
  // purely to make sure image loads each time and
  // is not cached for testing
  volatileSrc: Ember.computed('src', function(){
    return this.get('src') + '?cache=' + new Date().toISOString();
  }),

chrism

import Ember from 'ember';

export default Ember.Component.extend({
  imageLoaded: 'image not yet loaded',
  
  actions: {
    imageLoaded(message) {
      this.set('imageLoaded', message);
    }
  }

chrism

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'img',
  attributeBindings: ['src'],
  
  simpleLoadImage() {
    let img = new Image();
    img.src = this.get('src');

chrism

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'img',
  attributeBindings: ['src'],
  
  simpleLoadImage() {
    let img = new Image();
    img.src = this.get('src');

chrism

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  
  actions: {
    select(arg) {
      alert(`nº ${arg}`);
    }
  }

chrism

import Ember from 'ember';

export default Ember.Component.extend({
  componentInt: null,
  componentString: null,
  
  didReceiveAttrs() {
    // will also update componentString here
    Ember.Logger.log('did ReceiveAtrrs called here');
  },

chrism

import Ember from 'ember';

export default Ember.Component.extend({
});

chrism

import Ember from 'ember';

export default Ember.Component.extend({
});

chrism

// app/components/x-file-input.js

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'input',
  type: 'file',
  attributeBindings: ['type', 'value'],

  addChangeListenerToElement: Ember.on('didInsertElement', function() {

chrism

<input type="file" id="file-chooser" onchange={{action "filesSelected"}}>