将Ember属性的大括号渲染为把手分隔符

Question

我的控制器中有以下属性：

panelTemplate: '<ul><li>Components:</li><li>{{multi-input-comp}}</li><li>{{modal-dialog-comp}}</li><li>End</li></ul>'

在与控制器对应的模板中，我希望在列表中显示两个组件（multi-input-comp和modal-dialog-comp）。

但是在.hbs中写<div>{{{panelTemplate}}}</div>会显示以下内容：

• 组件：
• {{多输入-COMP}}
• {{模态-对话框-COMP}}
• 结束

有没有办法让Handlebars将属性panelTemplate的大括号视为分隔符，所以我会在图像中得到结果？

Desired Result

Answer 1

从您的属性中删除花括号，并使用组件助手渲染组件：

{{component componentName}}

有关组件帮助器的更多信息，请查看ember文档：http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_component

Answer 2

毕竟，我能够找到解决方案：