Ember {{component}}自定义组件

Question

我是Ember的新手并注意到我的Handlebars中的以下代码：

{{component sec.myCompRef secInfo=sec fields=model.myMap}}

Ember是否有像{{component}}这样的帮手？如果是的话，它是如何运作的？

我一般都看过自定义助手：

{{my-helper}}

但是它有相同的名称组件hbs / js支持吗？

但我不知道{{component}}帮助者。

Answer 1

是的，Ember有{{component}}帮助器，它允许您通过传递给{{component}}帮助器的组件名称动态选择和渲染组件。

所以，基本上用法是：

{{component componentName}}

您当然可以将参数和数据传递给它，就像使用临时组件声明一样：

{{component componentName model=whatever}}

所以，在你的情况下：

{{component sec.myCompRef secInfo=sec fields=model.myMap}}

• sec.myCompRef是要呈现的组件的名称（它必须匹配某些现有组件）
• secInfo和fields是传递给组件
的参数