node.js - 从对象中创建列表项

Question

我正在使用 Socket.io 创建一个 Node.JS 项目。我正在尝试从对象创建 HTML 列表项。我正在尝试将玩家列表预渲染到我将渲染的这个哈巴狗文件中。虽然，我可以获取玩家列表并将其显示在 html 中，但所有用户名都聚集在一起作为一个列表项。

我尝试过的事情

app.js

var players = {}

socket.on('connection', function(socket) {
    players[socket.id] = {}
    var playerList = ''
    for (var i in players) {
        playerList += i + "<br>"
    }

    var roomData = pug.renderFile('./views/room.pug', {
        playerList: playerList
    })
})

之所以 players[socket.id] = {} 是一个对象而不是数组，是因为该对象中确实包含其他内容，只是未包含在此处。

房间.pug

.row
    .col.s12
        #test
            ul
              li
                |#{playerList}

如前所述，上述方法将所有玩家放在一个 HTML 列表项中。如何将每个玩家分成自己的列表项？谢谢。

Answer 1

我建议:

socket.on('connection', function(socket) {
    players[socket.id] = {}
    var roomData = pug.renderFile('./views/room.pug', {
        playerList: Object.keys(players)
    })
    // etc ...
})

在巴哥犬中:

.row
    .col.s12
        #test
            ul
                each playerName in playerList
                    li= playerName