Handlebars.js的双花括号和三花括号有什么区别答案

【问题标题】：What is the difference between double curly braces and triple curly braces for Handlebars.jsHandlebars.js的双花括号和三花括号有什么区别
【发布时间】：2021-02-03 05:30:09
【问题描述】：

例如，您可以看到{{{body}}}，并且在模板中，您可以执行{{data.page.hero.text}} 之类的操作

我们应该注意哪些显着差异？

【问题讨论】：

这会帮助你：https://stackoverflow.com/a/27939810/8536103
欲了解更多信息：http://handlebarsjs.com/expressions.html
谢谢，我们是否也必须使用 {{{}}} 作为助手？喜欢{{{link story}}} ??

标签： handlebars.js

【解决方案1】：

Handlebars HTML 转义 {{expression}} 返回的值。如果您不希望 Handlebars 转义值，请使用“triple-stash”，{{{。

参考：https://handlebarsjs.com/guide/expressions.html#html-escaping

【讨论】：

【解决方案2】：

根据您的用例和逻辑，如果您想在需要 {{{ }}} 成功替换模板时使用 {{ }}，则可以在编译模板时添加一个选项“noEscape”设置为 true。例如：替换为 JSON 值。

来自文档：

var template = Handlebars.compile('{{foo}}', { noEscape: true });

noEscape：设置为 true 不会 HTML 转义任何内容。

【讨论】：