动态生成灰烬组件从服务器文本

Question

这种情景假设（在某种程度上），但包涵：

想象一下，我有一个管理客户和客户的通信服务器。客户可以通过标准方式（outlook，gmail等）向我发送电子邮件，我将收到它。我的服务器将解析它并将其存储为一个html字符串。

<div>Hello world</div> 
<div>Second Line</div> 
<img width="10px" height="10px" src="https://mysquare.com/square.png"> 
<img width="10px" height="20px" src="https://myrectangle.com/rectangle.png"> 
<div>That picture is great</div> 

然后，当我查询对话时，我收到一个消息列表，每个消息都有上面定义的内部html。但遗憾的是他们都没有烬:(

现在说，假设我本来希望这种形象包装到它自己的组件的精彩服饰，假设使其源和维度动态。

{{dynamic-img width=imageWidth height=imageHeight src=imgSrc}} 

理想情况下，我会分离出图像并提取相关的键值对，然后将该把手模板插入到DOM中（假设我已经定义了dynamic-img组件），但它可以工作。但事实并非如此。

我该如何自动将这个html文本转换为ember组件？说我无法访问服务器。

灰烬，灰烬数据，烬-CLI => 2.9.x

Answer 1

如果我理解正确你的问题，你可以有一个循环在你的模板

{{#each images as |image|}} 
    {{dynamic-img width=image.width height=image.height src=img.src}} 
{{/each}} 

然后在解析html之后，在控制器中用解析数据的项目列表创建“images”数组。