javascript - 如何遍历 JSRender 中的对象数组?
问题描述
我只能从 JSRender 中的对象数组中渲染第一个对象。如何迭代所有对象?
{{for #data}}
仅显示data
数组中的第一个对象。
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);
输出:
姓名:简·多伊
其他行去哪儿了?我该如何调试呢?
解决方案
这是因为你没有关闭<script>
标签
<script id="theTmpl" type="text/x-jsrender">
....
</script>
推荐阅读
- html - 我们可以从 Angular 应用程序中排除 tsconfig.spec.json
- javascript - 如何使用“-”将日期作为数字转换为日期
- java - 如何扩展 Collectors 类
- java - Java中用于整数对组合的switch case实现
- c++ - 无法退出for循环,貌似卡住了
- python - 使用 python 魔杖的图像合成结果不正确
- javascript - onekeydown 在 Firefox 65.0 ubuntu 18.04 中为每次键盘按下返回“进程”字符串
- php - PHP 打印数组值而不需要所有额外的“=>”东西
- azure-devops - 使用 GitPullRequestCompletionOptions 对 Azure DevOps 拉取请求执行 Squash 合并
- excel - 当单元格为空白时,使用带有索引匹配的 If 语句来查看工作簿