渲染Jade / Pug中的對象數組

Question

我沒有為Pug / Jade模板找到很多東西，所以我試試這里。 我一直在閱讀迭代文檔， 這里也是這個鏈接。

我正在使用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中記錄results ，我的所有數據都在這里，但是當涉及到客戶端時，它有點不同。

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

在這里，我可以在瀏覽器的控制台中記錄res.results中的第一個用戶名，但在我的頁面中，我的li正在渲染：

這是你的建議

[

{

“。

。一世

.D

“。

。：

0.3

0.3

你能在這里理解我的問題嗎？ 它顯示了我的對象數組中的每個字符。 我只想將用戶名顯示為鏈接，以便我可以顯示一些建議用戶的建議頁面。

我想知道是否可以使用jquery將html渲染到我的li然后調用它，但我也在這里面對牆。 任何幫助都非常歡迎！ 謝謝。

Answer 1

{res}對javascript沒有任何意義。 你應該提供一個對象包含鍵/值對的模板：

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

然后你的模板循環成為：

ul
  for item in results
    li= item.username

Answer 2

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

我認為用戶名是對象，你打印整個