每个里面都有 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>

然后我收到错误:“Uncaught ReferenceError:sub 未定义”。为什么？!

Answer 1

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

因此呈现第二个模板的行应该如下所示

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

这是我获取信息的地方。我自己还没试过。

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