Skip to content

Instantly share code, notes, and snippets.

@rwjblue
Forked from barneycarroll/application.controller.js
Created December 14, 2015 18:07
Show Gist options
  • Save rwjblue/a6a058514dd69008e477 to your computer and use it in GitHub Desktop.
Save rwjblue/a6a058514dd69008e477 to your computer and use it in GitHub Desktop.
Can't access object values by dynamic key in Handlebars
import Ember from 'ember';
export default Ember.Controller.extend({
numbers:['1','2','3','4'],
letters:['a','b','c','d']
});
{{#each numbers as | value index |}}
{{my-component
number=value
letter=(get-at-index letters index)
}}
{{/each}}
import Ember from 'ember';
export function getAtIndex(params/*, hash*/) {
return params;
}
export default Ember.Helper.extend({
recomputeOnArrayChange: Ember.observer('_array.[]', function() {
this.recompute();
}),
compute: function([array, index]) {
this.set('_array', array);
return array.objectAt(index);
}
});
{{letter}} is letter number {{number}}
{
"version": "0.4.17",
"EmberENV": {
"FEATURES": {}
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.2.0/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment