在Ember.JS中绑定HTML字符串

Question

我正在使用第三方索引服务（Swiftype）来搜索我的数据库。 返回的记录包含一个名为highlight的属性。 这只是在匹配字符串周围添加<em>标记。

然后我将这个highlight属性绑定在Ember.JS Handlebars中：

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

这导致以下输出：

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

浏览实际上显示<em>标签，而不是格式化它们。 即Handlebars不识别HTML标签，只是将它们打印为字符串。

有没有解决的办法？ 谢谢！

Answer 1

默认情况下，把手会转义为html，以防止转义，使用三个括号：

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

请参见http://handlebarsjs.com/#html-escaping

Answer 2

Ember逃脱了HTML，因为它可能是可执行的潜在错误代码。 为了避免这种用途

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

以下是文档http://emberjs.com/guides/templates/writing-helpers/

如果你已经这样做了，你可以像希望一样使用{{hightlight.title}}，......

HTH