如何在玉石中迭代多个对象

How do I iterate over multiple objects in jade

本文关键字：对象 迭代 石中      更新时间：2024-06-22

这是我的代码：

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/在jade/pugjs 中迭代对象数组

您的JSON对象似乎有点不对劲…试试这个

你的Json看起来像这个"trello"，"把它改成这个"trelo"："这将验证您的json对象，使其在每个循环中都能在jade中工作。

下面是一个例子：

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": "" } ]

使用=符号访问属性：

-var projects = [{name: 'name1', link: "link1"}, {name: 'name2', link: 'link2'}]
each project in projects
  div
     a(href=project.link)= project.name

若要将变量插入字符串，请使用#{var}表示法：

a(href='my-link-#{project.link}')= project.name
相关文章：