如何遍历车把中的 JSON 对象答案

【问题标题】：How to iterate through JSON object in handlebar如何遍历车把中的 JSON 对象
【发布时间】：2021-03-01 09:02:42
【问题描述】：

我正在尝试发出 GET 请求并希望输出已发送的查询。

app.get('/', function(req, res){
var myQuery = req.query;
console.log(myQuery);
res.render('home', myQuery);});

在我提交查询并控制台记录查询后，我得到

Express started on http://localhost:5200; press Ctrl-C to terminate.
{ parameter1: 'value1',
  parameter2: 'value2',
  parameter3: 'value3' }

在车把文件中，我做

<ul>
{{#each this}}
<li> {{@key}}:{{@value}}</li>
{{/each}}
</ul

当我渲染 HTML 代码时，我得到

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<ul>
<li> settings:</li>
<li> parameter1:</li>
<li> parameter2:</li>
<li> parameter3:</li>
<li> _locals:</li>
<li> cache:</li>
</ul>
</body>
</html>

我希望身体看起来像这样

 <body>
    <ul>
    <li> parameter1:value1</li>
    <li> parameter2:value2</li>
    <li> parameter3:value3</li>
    </ul>
    </body>

【问题讨论】：

标签： javascript html node.js handlebars.js

【解决方案1】：

我想通了

我将车把文件中的代码替换为

{{#each myData}}
<li> {{@key}} : {{@this}}</li>
{{/each}}
</ul>

我将查询呈现为

app.get('/', function(req, res){
    var myQuery = req.query;
    console.log(myQuery);
    res.render('home', {myData:myQuery});

});

【讨论】：