在模板中呈现嵌套键

Question

我有一个分组数组，我想通过 PUG 在前端渲染它，但事实证明它有点棘手

这是数组

{
    "Apr 14th 19": {
        "5:00 PM": [
            {
                "name": "John",
                "message": "Hey there"
            },
            {
                "name": "Josh",
                "message": "Hey"
            }
        ]
    },
    "Apr 15th 19": {
        "5:00 PM": [
            {
                "name": "Jake",
                "message": "Hey you"
            }
        ]
    }
    }

这是我的哈巴狗代码，我试图用它来呈现我想要的模板类型（下面是所需的输出）

each day in Data
    each hour in day
        each entry in hour
            h2= "The date is" + Object.keys(day)
            h2= "The time is" + Object.keys(hour)
            h2= "The message is" + entry.message

我想要的模板输出类型

The date is Apr 14th 19
The time is 5:00 pm
The message is : Hey
The message is : Hey you
(Both messages here because those are 2 nested under under the times)

none 这确实有效，我真的需要一些帮助

Answer 1

您需要在您的 Pug 模板中按照这些行做一些事情：

each dayObj, day in Data
    h2= "The date is " + day
    each hourObj, hour in dayObj
        h2= "The time is " + hour
        each entry in hourObj
            h2= "The message is : " + entry.message

这是一支可以使用的笔：https://codepen.io/chanceaclark/pen/JVpmMd

在模板中呈现嵌套键

rendering nested keys in a template

javascript

node.js

pug