我应该如何安装小胡子库？

Question

github 中有一个名为 mustache.js-master 的小胡子文件夹文件。它有许多不同的文件，包括 mustache.min.js、mustache.js、bin 文件夹、hooks 文件夹、spec 文件夹、test 等。我如何安装 mustache，我只是下载文件并包含 mustache.js 在我的代码中，或者有没有办法安装文件？

我刚刚将 mustache.js 文件包含在我的项目文件夹中，并在我的代码中写入了标签。这是我写的一些代码，看看它是否有效，console.log 和 document.write 的输出都是空的。我的代码有什么问题还是我应该以不同的方式安装 mustache？

<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 file，因为您不会编辑该代码。

但是您还有另一个问题：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>

我应该如何安装小胡子库？

How should I install mustache library?

html

javascript

mustache