我该如何安装胡子库？

Question

在github中有一个名为mustache.js-master的mustache文件夹的文件.它有许多不同的文件,包括mustache.min.js,mustache.js,bin文件夹,hooks文件夹,spec文件夹,测试等.如何安装小胡子,我只需下载文件并在我的内容中包含mustache.js代码,还是有办法安装文件？

我只是在我的项目文件夹中包含了mustache.js文件,并在我的代码中编写了标记.下面是我编写的一些代码,看它是否有效,来自console.log和document.write的输出都是空的.我的代码有什么问题,或者我应该以不同的方式安装胡子？

<script type ="text/javascript" src ="jquery.js"></script>
<script type="text/javascript" src = "mustache.js"></script>

<script>

    var template;
    var data;

    template = '<div><h2>{{Title}}</h2><p>{{Course}}</p><p>{{Category}}</p></div>';

    data = '[{"Title":"Algorithms","Course":"CSI241","Category":"science"},{"Title":"Fluid dynamics","Course":"PHY345","Category":"science"}]';

    var html = Mustache.to_html(template,data);

    console.log(html);

    document.write(html);

</script>

Answer 1

下载该mustache.min.js文件,因为您不会编辑该代码.

但是你有另一个问题:to_html期望一个模板和一个对象.您的data变量是包含一些JSON的字符串.你必须将它解析为JSON(如果你把它作为字符串)或直接作为对象传递(如果你已经知道你有什么).

我还将您的data数组包装到这样的对象中{ data: data },以便能够重复这些片段.

这是一个例子:

var template = '{{#data}}<div><h2>{{Title}}</h2><p>{{Course}}</p><p>{{Category}}</p></div>{{/data}}';

var data = JSON.parse('[{"Title":"Algorithms","Course":"CSI241","Category":"science"},{"Title":"Fluid dynamics","Course":"PHY345","Category":"science"}]')

var html = Mustache.to_html(template, { data: data });

document.body.innerHTML = html;

<script src="https://cdn.rawgit.com/janl/mustache.js/master/mustache.min.js"></script>