【问题标题】: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 转义任何内容。

    【讨论】:

      猜你喜欢
      • 2013-07-26
      • 2014-04-18
      • 1970-01-01
      • 2018-01-25
      • 2021-05-03
      • 1970-01-01
      • 1970-01-01
      • 2012-01-18
      • 1970-01-01
      相关资源
      最近更新 更多