javascript - 迭代多个车把对象
问题描述
朋友们帮我,我正在尝试用车把迭代这些对象
RowDataPacket {
idUser: 1,
username: 'xxxxxx',
password: 'xxxxx',
fullname: 'Julian Rincon'},
RowDataPacket {
idUser: 2,
username: 'xxxxx',
password: 'xxxxx',
fullname: 'Sharyn arias' }
这些对象存储在数组 users[] 中,用 {{#each}} 迭代数组我只得到数组的第一个数据
<option value="{{linksUpdate.idUser}}">{{linksUpdate.fullname}}</option>
<option value="">Seleccione una Opcion</option>
{{#users}}
<option value="{{idUser}}">{{fullname}}</option>
{{/users}}
我只得到第一个数据 在这里输入图像描述请帮助我
解决方案
看看下面我的代码片段并尝试将它应用到你的data
.
http://jsfiddle.net/umospfnk/1/
$(function() {
var source = $("#document-template").html();
var template = Handlebars.compile(source);
var html = template(data);
$('#DocumentResults').html(html);
});
var data = [{
users: [{
idUser: 1,
username: 'xxxxxx',
password: 'xxxxx',
fullname: 'Julian Rincon'
}, {
idUser: 2,
username: 'xxxxx',
password: 'xxxxx',
fullname: 'Sharyn arias'
}]
}];
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<div id="DocumentResults"></div>
<script id="document-template" type="text/x-handlebars-template">
<div>
{{#each this}}
<option value="">Seleccione una Opcion</option>
{{#users}}
<option value="{{idUser}}">{{fullname}}</option>
{{/users}}
{{/each}}
</div>
</script>
推荐阅读
- javascript - Selenium Python 脚本检查页面上的每个按钮 - javascript 中的单页应用程序
- laravel - 跳过不在 Laravel 关系表中的行
- vb.net - 向 Zebra 标签打印机发送命令
- javascript - getTime() 与 Date.now() 有什么区别
- amazon-web-services - 如何将路线传送到 lightsail 实例
- flutter - 如何让flutter searchDelagate成为一个可以独立导航到的独立屏幕?
- sql - 与以前的销售额相比,每天计算销售额
- angular - 角度:等待异步数据
- linux - yum 更新显示已安装的软件包版本
- javascript - 我的 aws Lambda 函数是否有任何错误?