2012-09-13 2 views
1

jade iteration을 사용하여 약 하나의 항목을 html로 작성하는 약 100 개의 항목이 있습니다. 그러나 항목을 3 개의 행으로 구분하는 우아한 방법을 찾기 위해 고심하고 있습니다.큰 데이터가있는 행을 Node.js의 Jade Templating에 설정하십시오.

명확하게하기 위해, 나는 이런 식으로 뭔가 싶어 :

:

.row 
    .item1 
    .item2 
    .item3 
.row 
    .item1 

을 ... 등등 ...

나는 인라인과 함께 일을 해봤 행운이 같은 자바 스크립트

- var a = 0; 
    each item in list 
    - a++; 
    - if(a % 3 == 0) 
     .row-fluid 
     .span3(id='#{item.id}') 
      p #{item.id} 
    - else 
     .span3(id='#{item.id}') 
      p #{item.id} 

답변

2
- var i = -3; 
while i <= list.length 
    - i += 3; 
    .row 
    each item in list.slice(i, i+3) 
     .span3(id='#{item.id}') 
+0

하하 슬라이스가 작동하는 것 같아요. –

2

참고 :이 목록을 죽이고

while list.length > 0 
    .row 
    for item in list.splice(0, 3) 
     .span3(id=item.id) 
     p= item.id 

제가 이걸 머리 꼭대기에서 썼다면 알려주세요.

+0

이것은 작동하지 않습니다. 나는 splice id를 좋아하지만 오류가 발생한다. undefined의 'id'속성을 읽을 수 없다. list.id! = undefined 인 동안 사용할 때 오류가 발생하지 않지만 화면에 아무 것도 인쇄되지 않습니다. – Miles

+0

나는 올바른 방향으로 나를 보내 주겠다. 감사! – Miles

+0

나를 위해 작동합니다. – StormPooper

관련 문제