【问题标题】:iterate multiple handlebars objects迭代多个车把对象
【发布时间】:2020-06-19 02:12:03
【问题描述】:

朋友们帮我,我正在尝试用把手迭代这些对象

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

我只得到第一个数据enter image description here请帮帮我

【问题讨论】:

  • 你的数据看起来不像一个数组

标签: javascript node.js express handlebars.js


【解决方案1】:

看看下面我的 sn-p 并尝试将其应用于您的 datahttp://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>

【讨论】:

    猜你喜欢
    • 2018-06-07
    • 1970-01-01
    • 2015-03-08
    • 1970-01-01
    • 2012-02-24
    • 1970-01-01
    • 2013-02-08
    • 2013-06-16
    • 1970-01-01
    相关资源
    最近更新 更多