迭代多个车把子对象

问题描述 投票:0回答:1

朋友们帮帮我,我想用车把式迭代这些对象。

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}}

我只得到第一个数据 请在此输入图片描述 请帮帮我

javascript node.js express handlebars.js
1个回答
0
投票

请看我下面的代码段,并尝试将其应用于你的 data.http:/jsfiddle.netumospfnk1。

$(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>
© www.soinside.com 2019 - 2024. All rights reserved.