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>

然后我收到错误：“Uncaught ReferenceError：sub not defined”。为什么呢？！

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/

这是一个工作版本：

data.table

每个内部都有jquery tmpl

2 个答案: