如何通过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

您可以包含文字字符，也可以在JavaScript字符串中使用escape sequence：

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

但是，HTML实体的呈现无法按预期使用{{...}}占位符，因为它们会将值视为文本并将任何&重新编码为特殊字符，从而导致：< / p>

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

{{{...}}}占位符（每边有3个大括号）将跳过编码，允许渲染“ raw ”HTML值。