如何遍歷多個對象在玉

這裏是我的代碼：如何遍歷多個對象在玉

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

我需要在陣列中的每個對象遍歷並顯示每一個用玉。我不知道該怎麼辦！我跟着這些教程：

http://jade-lang.com/reference/code/ iterate over an array of objects in jade/pugjs

來源

2016-04-14 theflametrooper

使用=標誌來訪問屬性：

-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

來源

2016-04-14 17:33:40 t1m0n

你JSON對象似乎是有點過...試試這個

您的JSON看起來像這樣「trello」，「」改變成這個「trello」：「」 這將驗證你的json對象，以便它可以在每個循環中運行。

下面是一個例子：

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

來源

2016-04-14 17:38:58 Tim

如何遍歷多個對象在玉

回答

相關問題