如何在 Ember JS 中将组件动态加载到容器中

How to load a component dynamically into a container in Ember JS

我有一个容器组件

{{container}}

谁的 .hbs(模板)文件有

<div id='box'></div>
<button>Click Me</button>

按钮 被点击时,我想要另一个 组件 (比如 {{image}} 被加载到其中。

这可能吗?

是的。可以使用 component 助手。 Reference

对于您的用例,您可以简单地说,{{#if showImage}} {{image-component }} {{/if}} 和 单击按钮

后切换 showImage 属性