使用jsrender迭代多维数组对象

Question

我是jsrender及其模板的新手。我使用的是多维数组myVariable[5][8]，其中5是行数，8是列数，必须为每一行创建tr标记，为每列创建td标记。我不知道如何迭代它。这就是我尝试并且无法继续的方式。

我的模板文件

{{for myVariable}}

  //It would iterate the myvariable row count
   <tr>
     //And how to iterate the column count in this region
   </tr>
{{/for}}

例如我有一个变量myVariable[0][3]={"var":"someVar","id":"someId"}。如何将每个myvariable对象的值var打印到上面提到的tr标签内的td标签中？

Answer 1

对于内部迭代，您需要迭代当前数据项（内部数组）：

{{for #data}}

其实你可以写：

{{for}}

因为它默认为当前数据项。

这里有一个完整的示例：http://jsfiddle.net/BorisMoore/cGZZP/，其中包括数据链接（与​​JsViews的实时数据绑定）。因此，它使用{^{for...（数据链接标记）而不是{{for...

只有JsRender：

<table>
  <tbody>
    {{for myVariable}}
    <tr>
      {{for}}
      <td>
        {{:var}}
      </td>
      {{/for}}
    </tr>
    {{/for}}
  </tbody>
</table>