Dynamic component

dyn-form-field.js

var elementMap = {
  'char': 'dyn-text-field'
};

var DynamicFormField = Ember.Component.extend({
  template: Ember.computed('entry.field', function(key, value) {
    var kind = this.get('entry.field.kind');
    var helperName = elementMap[kind] || 'dyn-text-field';
    var tmpl = '{{' + helperName + ' entry=entry}}';
    return Ember.Handlebars.compile(tmpl);
  })
});

export default DynamicFormField;

// called like this: {{dyn-form-field entry=subentry}}