각 인덱스 루프를 사용하여 옥과 접을 수있는 메뉴 만들기

Question

축소 카드가있는 모든 회원을 표시하는 루프를 만들려는 것입니다. 나는 유사한 것을 한 코드를 둘러 보았고 아래와 같이 < % 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 
           .... 

Answer 1

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") 
        ...