javascript - 迭代 Handlebars 中的对象

Question

我有一个如下所示的 JavaScript 对象:

{
    "key1": {
        name: "SomeName1"
    },
    "key2": {
        name: "SomeName2"
    },
    "key3": {
        name: "SomeName3"
    }
}

我将其传递到我的 Handlebars 模板中。我想在屏幕上显示所有名称。

app.get('/', function(req, res) {
    res.render('index', {
        data: myObject
    });
});

在我的 index.hbs 文件中，我有:

{{#each data}}
    Name: {{this.name}}
    <br>
{{/each}}

目前，它只是显示

Name:
Name:
Name:

Answer 1

为了让你的代码正常工作，你的对象需要看起来像这样

{
  data:[
    { name: '1'},
    { name: '2'},
    { name: '3'}
  ]
}

或者像这样通过对象键进行读写

{{#each this}}
   {{#each this}}
         Name: {{this}}
         <br>
   {{/each}}
{{/each}}