Mustache js输出mustache js代码

Question

我正在尝试让Mustache JS在不解析某些变量的情况下输出内容。例如：

{{block.type}}-{{block.id}}-label-{{element.id}}

我希望它只解析代码块，这就是为什么我给它以下JSON：

{ block: { type: 'news', id: 23 } }

最终结果应该是

news-23-label-{{element.id}}

但事实并非如此

news-23-label-

我应该如何让它不解析代码的一部分？我是Mustache JS的新手，我在文档中找不到这一点(我理解的注释，如果我理解的话，但我找不到它)。

Answer 1

这个变通方法对你有帮助吗?小提琴的Click。

HTML：

<div id="output"></div>

<script type="text/html" id="test1">
    {{block.type}}-{{block.id}}-label-{{block.elId}}
</script>

JS:

var output = $("#output"),
    template = $("#test1").html(),
    data = '{ "block": { "type": "news", "id": 23, "elId": "{{element.id}}" } }',
    html = Mustache.render(template, JSON.parse(data));

output.append(html);

输出：

news-23-label-{{element.id}}

Answer 2

现在看来是有可能的。您可以更改默认分隔符，然后将其恢复。文档的Variables部分中的示例可以在此处找到https://github.com/janl/mustache.js (请参阅模板的最后三行)：

查看：

{
  "name": "Chris",
  "company": "<b>GitHub</b>"
}

模板：

* {{name}}
* {{age}}
* {{company}}
* {{{company}}}
* {{&company}}
{{=<% %>=}}
* {{company}}
<%={{ }}=%>

输出：

* Chris
*
* <b>GitHub</b>
* <b>GitHub</b>
* <b>GitHub</b>
* {{company}}