如何使用粉尘js部分

时间:2013-03-20 08:38:25

标签: html dust.js

部分用于这种方式,但我得到输出为undefined。创建了两个继承自父级的父模板和父级模板文件。

parent.tl:

            <div><span><label>{+title}New{/title}</label></div>

child.tl:

            {>"parent"/}
            {<title}
        {#t}
            <p>NEW {title1} For the Child</p>
        {/t}    
        {/title}

我使用dustr编译了这些模板,并在我的HTML中包含.js。

            <script src="https://raw.github.com/akdubya/dustjs/master/dist/dust-full-0.3.0.min.js"></script>
            <script src="parent.js"></script>
            <script src="child_template.js"></script>
            <div id="new"></div>
            <script>
            var r=document.getElementById("new");
            dust.render("demo", {t:{"title1":"Ram"}}, function(err, out) {
            r.innerHTML=out; 
            });
            </script>

1 个答案:

答案 0 :(得分:0)

这取决于编译时部分的名称。您的孩子模板是demo(或childchild_template还是child_template.tl?您的父模板是parent还是parent.tl?< / p>

要进行调试,您可以将err打印到控制台:

dust.render("demo", {t:{"title1":"Ram"}}, function(err, out) {
  console.log(err);
  r.innerHTML = out;
});