如何遍歷 JSRender 中的對象數組？

Question

我只能從 JSRender 中的對象數組中渲染第一個 object。 如何迭代所有對象？

{{for #data}}僅顯示data數組中的第一個 object。

var data = [{
    "id": "15",
    "name": "Jane Doe",
    "value": null
}, {
    "id": "6",
    "name": "John Smith",
    "value": "123-456-7890"
}, {
    "id": "6",
    "name": null,
    "value": "223-456-7890"
}]

代碼筆： https://codepen.io/ryanmac/pen/ZEWQMNV

HTML：

<div id="result"></div>

<script id="theTmpl" type="text/x-jsrender">
  
<table><tbody>
{{for #data}}
  <tr><td><b>name:</b> {{:name}}</td><td>{{:value}}</td></tr>
{{/for}}
</tbody></table>

JS：

var data = [{
    "id": "15",
    "name": "Jane Doe",
    "value": null
}, {
    "id": "6",
    "name": "John Smith",
    "value": "123-456-7890"
}, {
    "id": "6",
    "name": null,
    "value": "223-456-7890"
}];
var template = $.templates("#theTmpl");

var htmlOutput = template.render(data);

$("#result").html(htmlOutput);

Output：

姓名：簡·多伊

其他行 go 在哪里？ 我該如何調試呢？

Answer 1

這是因為你沒有關閉<script>標簽

<script id="theTmpl" type="text/x-jsrender">
 ....
</script>