Dust.js和表格

我是Dust.js的新手，正在尝试用logging迭代JSON对象，并将它们中的每一个呈现为表格中的一行。 下面是我用来渲染表格的脚本，但是我遇到了问题，我想在渲染的时候，特别是渲染函数的模板参数。 感谢我能指出正确的方向

<div id="dustPlaceholder"></div> <script id="goalTemplate"> <table id="dustGoals"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> {#friends} <tr> <td>{name}</td> <td>{age}</td> </tr> {/friends} </tbody> </table> </script> </div> <script type="text/javascript"> var src = document.getElementById("goalTemplate").innerHTML; var compiled = dust.compile(src); dust.render("goalTemplate", { friends: [ { name: "Moe", age: 37}]}, function(err, out) { document.getElementById('dustPlaceholder').innerHTML = out; }); </script> 

Answer 1

如果要在客户端上进行渲染，则需要包含整个Dust.js库，因此您需要包含dust-full-0.3.0.min.js 。 另外，

 <script src="dust-full-0.3.0.min.js"></script> 

另外，什么是“goalTemplate”？

另外你在编译？ 那里没有变数。 您需要编译实际的HTML – DIV标签中的内容。 所以包括div标签在内的所有东西都属于srcvariables。

另外，您必须假设已编译模板的名称才能被访问。 我真的很困惑之前你在做什么，但这个例子应该工作：

 <script src="dust-full-0.3.0.min.js"></script> <script type = "text/javascript"> var source = "<div id="dustPlaceholder"></div> <script id="goalTemplate"> <table id="dustGoals"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> {#friends} <tr> <td>{name}</td> <td>{age}</td> </tr> {/friends} </tbody> </table> </script> </div>"; var compiled = dust.compile(src, goalTemplate); dust.render("goalTemplate", { friends: [ { name: "Moe", age: 37}]}, function(err, out) { document.getElementById('dustPlaceholder').innerHTML = out; }); </script>