每個裏面的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>