【问题标题】:Ember {{component}} custom componentEmber {{component}} 自定义组件
【发布时间】:2016-02-11 05:42:50
【问题描述】:
我是 Ember 新手,在我的 Handlebars 中注意到以下代码:
{{component sec.myCompRef secInfo=sec fields=model.myMap}}
Ember 有没有像 {{component}} 这样的助手?如果是,它是如何工作的?
我一般都见过自定义助手:
{{my-helper}}
但是有同名组件 hbs/js 支持它吗?
但我不知道{{component}} helper。
【问题讨论】:
标签:
javascript
ember.js
htmlbars
ember-components
【解决方案1】:
是的,Ember 有 {{component}} 助手,它允许您通过传递给 {{component}} 助手的组件名称动态选择和渲染组件。
所以,基本上用法是:
{{component componentName}}
您当然可以像使用临时组件声明一样向其传递参数和数据:
{{component componentName model=whatever}}
所以,在你的情况下:
{{component sec.myCompRef secInfo=sec fields=model.myMap}}
-
sec.myCompRef 是要渲染的组件的名称(它必须匹配一些现有的组件)
-
secInfo 和 fields 是传递给组件的参数