html - 如何使用dust js partials

Question

以这种方式使用了部分，但我得到的输出是未定义的。创建了两个模板文件 parent 和 child 继承自 parent。

父.tl：

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

孩子.tl：

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

我使用dustr 编译了这些模板，并将其作为.js 包含在我的HTML 中。

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

Answer 1

这取决于部分在编译时的名称。您的子模板是否已命名demo（或可能child或child_template或child_template.tl？您的父模板是否已命名parent或可能parent.tl？

要调试，您可以打印err到控制台：

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