使用Mustache.js嵌入原始JSON

时间:2016-01-11 12:41:26

标签: mustache

我在命令行上使用小胡子将一个JSON对象嵌入到HTML对象中的<script>标记内。

cat sampleData.json | mustache - man_report.mustache > output.html

示例数据如下所示:

{"report_type":"total_by_age_group",
"data":[{"age_group":"Age 41 - 65","percent":41.04},
        {"age_group":"Age Over 66","percent":19.11},
        {"age_group":"Age < 18 Or Invalid Birth Date","percent":0.00},      
        {"age_group":"Age 18 - 25","percent":8.03},
        {"age_group":"Age 26 - 40","percent":31.82}]}

我想在结果HTML文件中看到这一点。

report.mustache看起来像:

reportObject = {{data}}

output.html看起来像这样:

reportObject = [object Object],[object Object],[object Object],[object Object],[object Object]

我只想要与我开始时完全相同的JSON。有什么想法吗?

1 个答案:

答案 0 :(得分:6)

有点旧,但这是我搜索时出现的第一个问题。我在这里找到了答案:https://stackoverflow.com/a/15580946/1961413

如果您能够预处理数据,则可以对其进行分类。这将使它成为可以嵌入的字符串:

let_Value2

完成此操作后,您需要确保Mustache不会对字符串进行HTML化(将把手加倍):

var sampleData = JSON.stringify(sampleData);

然后,您可以在自己的网页中访问它:

var reportObject = {{{.}}};