javascript - 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是传递给组件的参数