每个里面的jquery tmpl

Question

我有一组通过{{each}}语句迭代的模板。 代码就像

<script id="inTmpl" type="text/x-jquery-tmpl"> 
     ${sub.title} 
    </script> 
    <script id="outTmpl" type="text/x-jquery-tmpl"> 
     <div> 
     {{each(i, sub) parent}} 
       ${sub.title} 
       {{tmpl "#inTmpl"}} 
     {{/each}} 
     </div> 
    </script> 
    <script type="text/javascript"> 
      $(function() { 
       $("#outTmpl").tmpl({ 
        "parent": [ 
         {"title": "a"}, 
         {"title": "b"} 
        ] 
       }).appendTo("body"); 
      }); 
    </script> 

然后我得到错误：“未捕获的ReferenceError：子没有定义”。为什么？！

Answer 1

您需要将新模板传递给我相信的子对象。

这样使第二模板的行应该是

{{tmpl(sub) "#inTmpl"}} 

这里就是我得到的信息。我还没有尝试过。

http://skilldrick.co.uk/tmpl/#slide14

Answer 2

你可以找到存档的文档在这里： http://web.archive.org/web/20120921050105/http://api.jquery.com/template-tag-tmpl/

这里是一个工作版本：

<script id="inTmpl" type="text/x-jquery-tmpl"> 
    ${title} 
</script> 

<script id="outTmpl" type="text/x-jquery-tmpl"> 
    <div> 
    {{each(i, sub) parent}} 
     ${sub.title} 
     {{tmpl(sub) "#inTmpl"}} 
    {{/each}} 
    </div> 
</script> 

<script type="text/javascript"> 
$(function() { 
    $("#outTmpl").tmpl({ 
    "parent": [ 
     {"title": "a"}, 
     {"title": "b"} 
    ] 
    }).appendTo("body"); 
}); 
</script>