如何在模板中按名称动态加载 ember 组件？

我的问题基本上与上相同这个答案，但我无法让代码与 ember 1.7.0 和 & ember-cli 一起使用。

我有一个widget我的模型中的属性，以及我的模板中的属性，我希望有类似的内容：

{{#each question in questions}}
{{#with question}}
  <label>{{title}}</label>
  {{render-component widget params=params}}
{{/with}}
{{/each}}

问题模型如下所示：

{ id: 6,
  title: "Is this a yes/no situation?",
  help_text: 'Pick an option',
  widget: 'yes-no',
  params:
  {
    yes: {
      text: 'You picked yes',
      class: 'success'
    },
    no: {
      text: 'Be careful, you picked no',
      class: 'danger'
    }
  }
}

我创建了一个render-component包含以下内容的帮助程序：

import Ember from 'ember';

function renderComponent(componentPath, options) {
  console.log('inside helper with comp=' + componentPath + ', opts=' + options);
  var component = Ember.Handlebars.get(this, componentPath, options);
  var helper = Ember.Handlebars.resolveHelper(options.data.view.container, component);
  return helper.call(this, options);
}

export {
  renderComponent
};

export default Ember.Handlebars.makeBoundHelper(renderComponent);

但这行不通。component未定义。 API 文档为Ember.Handlebars.get对于解释什么没有太大帮助options参数是.另外，没有提到resolveHelper现在文档中的方法，所以我不知道代码是否已经过时。

如何从变量中按名称加载组件？

这个问题已经过时了。 Ember 包括一个内置动态组件助手并且已经有很长一段时间了。