javascript - 如何在 jquery 模板中编写带有条件的循环？

Question

考虑以下逻辑作为要求：

var count=4;

for(var i=0;i<count;i++)
{
  /* create a table row <tr></tr> */
}

现在，如果我尝试对我的 jquery 模板执行相同的操作，我想尝试执行以下操作：

<script id="MyTemplate" type="text/html">
        <table id="MyTable" class="Grid">            
            <tbody>
               {{each count}}
                <tr>
                  <td>${Name}</td>
                <tr>
           </tbody>
        </table>
</script>

我试图绑定到模板的数据中的位置是：

var count=4;
var Name=["Peter","Michael","John","Thomas","James","Joseph","Mary","Simon"];

我希望我的模板生成的输出是：

<table id="MyTable" class="Grid">            
            <tbody>
                  <tr>
                    <td>Peter</td>
                    <td>Michael</td>
                    <td>John</td>
                    <td>Thomas</td>
                  <tr>
                  <tr>
                    <td>James</td>
                    <td>Joseph</td>
                    <td>Mary</td>
                    <td>Simon</td>
                  <tr>

           </tbody>
       </table>

我已经尝试过：

<script id="TestTemplate" type="text/x-jQuery-tmpl">
    Day:<br/>
    <table>
     <tbody>
        {{for(i=1;i<=${count};i++)}}
        <tr></tr>
        {{/for }}
     </tbody>
    </table>
</script>

但是通过在模板中执行上述实现，tmpl 库会抛出“找不到模板命令”错误。

任何人都可以建议解决方案吗？

Answer 1

你可以试试这个：

{{each(i) Name}}
    {{if i < count}}
        <tr></tr>
    {{/if}}
{{/each}}