Question

无法理解如何转义handlebars java templating engine中位于表达式旁边的{或}符号。

我正在使用车把模板生成纯文本，因此我无法按照there的建议使用大括号的HTML ASCII代码。

我需要将\{{{variable.name}}\}之类的表达式解析为{variable.value}。我应该为此创建助手还是有一种更清洁的方法？

Answer 1

以下是一些转义的示例。最后一种方法是通过助手进行转义（其他方法无法使用时）。

$(document).ready(function () {
  var context = {
    "textexample1" : "hello",
    "textexample2" : "<div><b>hello</b></div>",
    "textexample3" : "{ 'json' : 'sample }"
  };
  Handlebars.registerHelper('surroundWithCurlyBraces', function(text) {
    var result = '{' + text + '}';
    return new Handlebars.SafeString(result);
  });
	var source   = $("#sourceTemplate").html();
  var template = Handlebars.compile(source);
  var html    = template(context);
  $("#resultPlaceholder").html(html);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script id="sourceTemplate" type="text/x-handlebars-template">
Simple text : {{textexample1}}<br/>
Html text not escaped : {{textexample2}}<br/>
Html text escaped : {{{textexample2}}}<br/>
Json text : {{textexample3}}<br/>
Non JSON text with surrounding mustaches {} : { {{textexample1}} }<br/>
Non JSON text with surrounding mustaches (no space)  : &#123;{{textexample1}}&#125;<br/>
Solution with helper : {{#surroundWithCurlyBraces textexample1}}{{/surroundWithCurlyBraces}}
</script>
<br/>
<div id="resultPlaceholder">
</div>

Answer 2

{{myvar}}{{append '' '}'}}

从此处追加助手： https://www.npmjs.com/package/handlebars-helpers#string

逃避句柄中表达式旁边的花括号

2 个答案: