動態生成灰燼組件從服務器文本

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」數組。