javascript - 在 Jade/Pug 中渲染对象数组

Question

我找不到很多关于 Pug/Jade 模板的东西，所以我在这里试试。我一直在阅读迭代文档以及此链接 here .

我正在使用 Node.js、Express 和 pug。到目前为止，我有一些功能服务器端可以收集一些有关用户的数据(我正在建立一个假约会网站作为学校项目)所以我的代码服务器端看起来像这样:

router.post('/matchaSearch', function (req, res) {
  matchaSearch(pool, session.uniqueID)
     .then((results) => {

       res.results = JSON.stringify(results)
       console.log('result', results)
       res.render('./userMatch', {res})
       })
     .catch((err) => {
       console.error('error', err)
       res.status(500).send("we don't have any suggestions for you so far")
       })
     })

我可以在 iterm 中记录结果，我所有的数据都在这里，但是当涉及到客户端时，它有点不同。

h1
 |Here are your suggestions
script.
 console.log(!{res.results}[0].username)
ul
  for username in res.results
    li= username

在这里，我可以在浏览器的控制台中记录来自 res.results 的第一个用户名，但在我的页面中，我的 li 正在呈现:

这是你的建议

.[

.{

。”

.我

.d

。”

.:

.3

.3

你能理解我的问题吗？它显示了我的对象数组中的每个字符。我只是想将用户名显示为链接，这样我就可以显示带有一些建议用户的建议页面。

我想知道我是否可以使用 jquery 将 html 渲染到我的 li 中然后调用它，但我在这里也面临着一堵墙。任何帮助都非常受欢迎!谢谢。

Answer 1

{res} 对 javascript 没有任何意义。你应该提供一个包含键/值对的对象模板:

res.render('./userMatch', {results: results})

然后你在模板中的循环变成了:

ul
  for item in results
    li= item.username