将对象发送到车把模板页面

时间:2018-10-12 23:56:52

标签: express handlebars.js

新增了Express和车把。我正在尝试发送一个javascript对象并在页面上显示这些值。

基于mysql查询发送对象:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.min.js"></script>

<select id="select">
<option>Test</option>
</select>

尝试显示结果:

con.query("SELECT * FROM users", function (err, result, fields) {
        if (err) throw err;
        res.render('dashboard', {myArray: result});
    });

我的结果当前是“对象”列表。

编辑:

使其正常工作:

<ul class="users">
    {{# each myArray as |val key|}}
        <li>{{val}}</li>
    {{/each}}
</ul>

1 个答案:

答案 0 :(得分:0)

非常感谢。多亏了您,我的代码才能正常工作。 我使用以下代码在'/ ideas / url中使用NodeJS / Mysql获取博客结果。

app.get("/ideas", (req, res) => {
  let sql = "SELECT * FROM blog";
  let query = db.query(sql, (err, result) => {
    if (err) throw err;
    res.render("ideas/index", { myArray: result });
  });
});

然后在“ Handlebars”模板中显示如下:

{{#each myArray}}

<div class="alert alert-danger">
    {{title}} and {{body}}
</div>

{{ else }}

{{/each }}