Skip to content

Instantly share code, notes, and snippets.

@RuslanZavacky
Created March 28, 2017 18:59
Show Gist options
  • Select an option

  • Save RuslanZavacky/b273b02804f228381c5bf5ed7b9fa69e to your computer and use it in GitHub Desktop.

Select an option

Save RuslanZavacky/b273b02804f228381c5bf5ed7b9fa69e to your computer and use it in GitHub Desktop.
keyed-computeds
import Ember from 'ember';
import EmberObject from 'ember-object';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
keyed: EmberObject.create({
one: EmberObject.create({ val1: 1, val2: 2 }),
two: EmberObject.create({ val1: 2, val2: 3 }),
three: EmberObject.create({ val1: 3, val2: 4 }),
}),
init() {
this._super(...arguments);
setTimeout(() => {
console.log('timeout fired');
this.get('keyed').set('four', EmberObject.create({ val1: 4, val2: 5 }))
}, 2000);
setTimeout(() => {
console.log('timeout fired');
this.get('keyed').get('two').set('val2', 10);
}, 3000);
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{#each-in keyed as |key value|}}
<div>{{key}} - {{value.val1}} - {{value.val2}}</div>
{{/each-in}}
<br>
<br>
{
"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"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment