使用每个索引循环来创建具有玉的可折叠菜单

时间:2014-10-05 14:49:59

标签: javascript node.js twitter-bootstrap pug

我希望建立一个循环,向我的所有成员展示崩溃卡片。我环顾四周寻找类似的代码,我找到了像<%index + 1%>这样的东西。标签如下,但如果他们工作,我不知道Jade语法。

each user, index in currentUsers
     .col-lg-12
        #accordion.panel-group
            #panel1.panel.panel-default
                .panel-heading
                    h4.panel-title
                          a(data-toggle='collapse', data-target='#collapse<%= index+1 %>', href='#collapse<%= index+1 %>')
                                    h1 #{user.Name}
                        #collapse<%= index+1 %>.panel-collapse.collapse.in
                            .panel-body
                                 ....

1 个答案:

答案 0 :(得分:0)

each user, index in currentUsers
  .col-lg-12
    #accordion.panel-group
        #panel1.panel.panel-default
            .panel-heading
              h4.panel-title
                a(
                  data-toggle='collapse',
                  data-target="#collapse#{index + 1}",
                  href="#collapse#{index + 1}"
                )
                  h1 #{user.Name}
                div(id="#collapse#{index + 1}.panel-collapse.collapse.in")
                  ...