javascript - 如何通过 handlebar.js 创建度数符号？

Question

对不起，这可能是一个非常简单的问题，但我找不到答案，所以请帮助我。

我的 html 人得到了一个 handlebar 模板，用于显示温度单位值(°C，°F)，就像下面的方式一样。

<script id="unlogged-navTpl" type="text/x-handlebars-template">
 <h3>{{unitText}}</h3>
</script>

我用下面的方式模板。

 var result=Handlebars.compile(document.getElementById("unlogged-navTpl"));     
 result({unitText:°C'})

它工作正常，问题是编译后我看不到值(°C)。它显示 °C

我该如何解决这个问题。

谁能帮帮我

Answer 1

您可以包含文字字符或使用 escape sequence在 JavaScript 字符串中:

result({ unitText: '\u00B0C' });

但是，使用 {{...}} 占位符时，HTML 实体的呈现不会像预期的那样工作，因为它们会将值视为文本并重新编码任何 & 作为特殊字符，导致:

<h3>&amp;deg;C</h3>

{{{...}}}占位符(每边有 3 个大括号)将跳过编码，允许呈现“原始”HTML 值。