javascript - mustache js输出 mustache js代码

Question

我正在尝试使 Mustache JS 输出内容而不解析一些变量。例如:

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

我希望它只解析 block ，这就是为什么我给它以下 JSON:

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

最终结果应该是

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

但事实却是

news-23-label-

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

Answer 1

这个解决方法对您有帮助吗？ Click fiddle 。

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}}