浏览器端Dust.js

Question

我一直试图在浏览器中使用Dust.js组合一个非常简单的例子。尽管文档非常好，但似乎没有太多关于在for浏览器中配置内容的信息。

所以基于Linked-In Dust教程中的以下JSON数据：

https://github.com/linkedin/dustjs/wiki/Dust-Tutorial#wiki-Show_me_some_Dust

{
   "title": "Famous People", 
   "names" : [{ "name": "Larry" },{ "name": "Curly" },{ "name": "Moe" }]
}

这个模板：

 {title}
 <ul>
 {#names}
 <li>{name}</li>{~n}
 {/names}
  </ul>

如何在浏览器中向客户端发送此文件？

Answer 1

我一直在寻找DustJS的浏览器示例，因为教程没有真正提及它。

这是我用一个例子创建的回购： https://github.com/ericktai/dust-js-browser

我使用duster.js来编译模板。 repo的README.md应该描述基础知识。

希望它有所帮助！

埃里克

Answer 2

在页面上稍微下来，您将找到如何编译模板的基本示例：
Compiling a Dust Template

基本上你只需要调用compile函数来注册模板。

var compiled = dust.compile("Hello {name}!", "intro");

要立即使用它，请执行loadSource将已编译的模板写入dust的模板库中：

dust.loadSource(compiled);

然后，您可以使用JSON数据render模板：

dust.render("intro", {name: "Fred"}, function(err, out) {
    console.log(out);

    // or maybe with jquery:
    $('#container').html(out);
});