ED Example

adapters.simple-data.js

import $ from 'jquery';
// import Promise from 'rsvp';
import DS from 'ember-data';

export default DS.Adapter.extend({

	findRecord(store, type, id, snapshot) {
		return {'imgURL': 'New Img comes here'};
	},

	createRecord(store, type, snapshot){
			let data = this.serialize(snapshot, { includeId: true });
			data.id = 0;
			return data;
	},
	updateRecord(store, type, snapshot){

	},
	deleteRecord(store, type, snapshot){

	},
	findAll(store, type, sinceToken){

	},
	query(store, type, query){

	},

	// // optional, to increase speed
	// findMany(store, type, ids, snapshots){

	// }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Data example',
  
  init() {
    
    var this_self = this;
    
    this.get('store').createRecord('simple-data', {
      id: 0,
      imgURL: 'ABCDEFGHIJK'
    });
    
  	this.get('store').findRecord('simple-data', 0).then(function(dt){
      let dataImgURL = dt.get('imgURL');
      this_self.set('imgURL', dataImgURL);
		});

  },
  
  actions: {
 		applyNewData() {          
  		this.get('store').findRecord('simple-data', 0).then(function(dt){
        dt.set('imgURL', 'XYZ'); // How to reflect this on the template automatically?
			});
		}
	}
});

models.simple-data.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
	imgURL: attr('string'),
});

serializers.simple-data.js

import DS from 'ember-data';

export default DS.Serializer.extend({
	serialize(snapshot, options){

		var json = this._super(...arguments);
		return json;
	},
  
  normalizeResponse(store, primaryModelClass, payload, id, requestType) {
		var attrHash = {};
		attrHash['id'] = 0; // Self user
		attrHash['imgURL'] = payload['imgURL'];
      
    let JSONAPIData = this.normalize(primaryModelClass, attrHash);
		return JSONAPIData;
  },
  
  normalize(modelClass, resourceHash) {
		var data = {
			id: resourceHash.id,
			type: modelClass.modelName,
			attributes: resourceHash
		};
		return { data: data };
	}
});

templates.application.hbs

<h1>{{appName}}</h1>
<br>
<br>
My-Image: {{imgURL}}
<br>
<br>
<button {{action "applyNewData"}}> Apply </button>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}