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

我该如何安装胡子库？

1 个答案: