使用Emberjs将HTML插入视图

Question

刚开始学习emberjs，感谢你的帮助！

对angular.js提出了类似的问题并回答了问题（AngularJS : Insert HTML into view），但我找不到使用emberjs的答案。

说我在模板中有{{A}}，在app.js中定义了A =“html fragment”。 例如一个html片段如下：

<a href="www.google.com"> Go to Google!  </a>

如果我在视图中渲染{{A}}，我将获得该“html片段”的字符串，但是我希望有一种方法可以告诉emberjs将{{A}}渲染为html。

Answer 1

Handlebars正在转义您的HTML片段，以保护您免受可能的恶意用户输入。对您的问题的简短回答是使用Handlebars语法通过使用3个花括号来呈现其raw形式的HTML：{{{A}}}

但是，我会建议通过Handlebars SafeString方法传递任何包含HTML的字符串来保护自己。可以找到使用示例in the docs。

Answer 2

我建议在后备场景中使用标记。

{{#if isHtmlSafe}}
  {{A}}
{{else}}
  {{{A}}}
{{/if}}

在这里，＆＃34; isHtmlSafe＆＃34;是一个属性。