Javascript 把手js不渲染数组

Javascript 把手js不渲染数组,javascript,express,handlebars.js,Javascript,Express,Handlebars.js,我已经工作了一段时间,试图从我运行的express应用程序中渲染一个数组,但我没有收到任何错误,但没有显示任何内容 这是我的车把模板: <h3>Registered Users:</h3> <h5>{{users}}</h5> <ul class="list-group"> {{#each users}} <li class="list-group-item"> {{this.fields.u

我已经工作了一段时间,试图从我运行的express应用程序中渲染一个数组,但我没有收到任何错误,但没有显示任何内容

这是我的车把模板:

<h3>Registered Users:</h3>
<h5>{{users}}</h5>
<ul class="list-group">
    {{#each users}}
    <li class="list-group-item">
        {{this.fields.username}}
    </li>

    {{/each}}
</ul>
起初,我认为用户数组没有正确地从express传递过来,但在模板中,您可以看到我只是显示了用户,而显示的对象是我所认为的


但是,即使数组中至少有一个元素,也不会呈现用户列表。有什么想法吗?我肯定我遗漏了一些小东西。

我必须同意@Joe Attardi,您的模板应该更像这样:

<h3>Registered Users:</h3>
<h5>{{users}}</h5>
<ul class="list-group">
    {{#each users as |user|}} <!-- get each user as user from users -->
    <li class="list-group-item">
        {{user.username}}
    </li>
    {{/each}}
</ul>
注册用户:
{{users}}
    {{{#每个用户作为|用户}
  • {{user.username}
  • {{/每个}}

我必须同意@Joe Attardi,您的模板应该更像这样:

<h3>Registered Users:</h3>
<h5>{{users}}</h5>
<ul class="list-group">
    {{#each users as |user|}} <!-- get each user as user from users -->
    <li class="list-group-item">
        {{user.username}}
    </li>
    {{/each}}
</ul>
注册用户:
{{users}}
    {{{#每个用户作为|用户}
  • {{user.username}
  • {{/每个}}

不确定它是否有区别,但我认为您不需要
this.fields.username中的
this
。不确定它是否有区别,但我认为您不需要
this.fields.username中的
this
。谢谢!我尝试过这个,但即使我只是在块内做{{user}}以查看是否会显示任何内容,也没有任何效果。是否有可能我拥有的对象没有被解释为数组或其他东西?如果这不起作用,我最好的猜测是api.getUsers函数没有返回数据。消除过程。首先删除对api.getUsers()的调用,只需创建一个users存根对象,渲染它并查看Handlebar是否显示任何内容。var testUsers=[{username:'jsmith'},{username:'janesmith'}]router.get('/',function(req,res,next){res.render('users/list',{users:testUsers});谢谢!我尝试过这个,但即使我刚刚做了{user}在块内查看是否会显示任何内容,但没有显示任何内容。是否可能我拥有的对象没有被解释为数组或其他内容?如果这不起作用,我的最佳猜测是api.getUsers函数没有返回数据。消除过程。首先删除对api.getUsers()的调用,只需创建一个users存根对象,渲染它并查看Handlebar是否显示任何内容。var testUsers=[{username:'jsmith'},{username:'janesmith'}]router.get('/',function(req,res,next){res.render('users/list',{users:testUsers});