javascript - 浏览器端 Dust.js

Question

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

因此，基于从 Linked-In Dust 教程中获取的以下 JSON 数据：

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

这个模板：

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

如何发送它以在浏览器中呈现客户端？

score 3 · Accepted Answer

我也在寻找 DustJS 的浏览器示例，因为教程并没有真正提到它。

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

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

希望能帮助到你！

埃里克

score 2 · Accepted Answer

A little bit down on the page you will find a basic example how to compile a template:
Compiling a Dust Template

Basically you just have to call the compile function to register the template.

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

To use it immediately, execute loadSource to write the compiled template into dust's template library:

dust.loadSource(compiled);

Then you're able to render the template with your JSON-data:

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

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

2 回答 2