这是我的代码:
extends ../layout
block content
-
projects = [ { "name": "testProject", "status": "Active", "github": "", "slack": "", "trello", "" }, { "name": "testProject", "status": "Active", "github": "", "slack": "", "trello", "" } ]
div.container
// Nav tabs
ul.nav.nav-tabs(role='tablist')
li.active(role='presentation')
a(href='#active', aria-controls='active', role='tab', data-toggle='tab') Active
li(role='presentation')
a(href='#inactive', aria-controls='inactive', role='tab', data-toggle='tab') Inactive
// Tab panes
.tab-content
#active.tab-pane.active(role='tabpanel')
each project in projects
#projects
.media
.media-left
i.fa.fa-2x.fa-code.media-object
.media-body
h4.media-heading #{project.name}
span.label.label-success #{project.status}
span.label.label-warning Help Wanted
.links
span.github
i.fa.fa-code-fork
a(href='#{project.github}') GitHub
span.slack
i.fa.fa-slack
a(href='#{project.slack}') Slack
span.trello
i.fa.fa-trello
a(href='#{project.trello}') Trello
我需要迭代数组中的每个对象并使用 Jade 显示每个对象。我不知道该怎么办! 我遵循了这些教程:
http://jade-lang.com/reference/code/ iterate over an array of objects in jade/pugjs
最佳答案
你的JSON对象似乎有点不对劲...试试这个
你的 Json 看起来像这样 "trello", "" 将其更改为 "trello": "" 这将验证您的 json 对象，以便它可以在 jadeeach 循环中工作。
下面是一个例子:
projects = [
{
"name": "testProject",
"status": "Active",
"github": "",
"slack": "",
"trello": ""
},
{
"name": "testProject",
"status": "Active",
"github": "",
"slack": "",
"trello": ""
} ]
只需将下面复制并粘贴到您的文件中，它就应该可以工作!
projects = [ { "name": "testProject", "status": "Active", "github": "", "slack": "", "trello": "" }, { "name": "testProject", "status": "Active", "github": "", "slack": "", "trello": "" } ]
关于javascript - 如何迭代 Jade 中的多个对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36629313/