在Ember.JS中綁定HTML字符串

Question

我正在使用第三方索引服務（Swiftype）來搜索我的數據庫。返回的記錄包含一個名爲highlight的屬性。這只是在匹配字符串周圍添加<em>標籤。

然後我在Ember.JS車把這個highlight屬性綁定這樣：

<p> Title: {{highlight.title}} </p> 

導致下面的輸出：

Title: Example <em>matching</em> text 

的瀏覽實際顯示<em>標籤，而不是格式他們。即把手沒有識別HTML標籤，只是將它們打印成字符串。

有沒有辦法解決這個問題？ 謝謝！

Answer 1

Ember轉義html，因爲它可能是可執行的潛在錯誤代碼。爲了避免使用

Ember.Handlebars.SafeString("<em>MyString</em>"); 

這裏是文檔 http://emberjs.com/guides/templates/writing-helpers/

，如果你這樣做，你可以使用{{hightlight.title}}像希望，...

HTH

Answer 2

把手默認情況下逃脫的HTML，以防止逃逸，用三重括號：

<p> Title: {{{highlight.title}}} </p>

請參閱http://handlebarsjs.com/#html-escaping