유성 -보기

Question

에서 "각"목록은이 코드의 일부가 :

<div class="row-fluid"> 
    <div class="card span4"> 
     <p>{{content}}</p> 
    </div> 
    <div class="card span4"> 
     <p>{{content}}</p> 
    </div> 
    <div class="card span4"> 
     <p>{{content}}</p> 
    </div> 
</div> 
<div class="row-fluid"> 
    <div class="card span4"> 
     <p>{{content}}</p> 
    </div> 
.... 

사람이 어떻게 어떤 생각을 가지고 같은 것을 할 그것을 설정과

{{#each cards}} 
    <div class="row-fluid"> 
     <div class="card span4"> 
      <p>{{content}}</p> 
     </div> 
    </div> 
{{/each}} 

과 문제를 그래? (나는 Meteor.render()에서 직접 렌더링 할 수 있다는 것을 알고 있지만, 나는 가능하다면 그것을 피하려고)

Answer 1

최대 n 요소와 하위 배열로의 array 각을 분할합니다이 split 도우미 기능을 사용 해보세요 :

if (Meteor.isClient) { 

    Handlebars.registerHelper("split", function(array, n) { 
    var groups = _.groupBy(array, function(element, index) { 
     return Math.floor(index/n); 
    }); 

    return _.toArray(groups); 
    }); 

} 

을

{{#each split cards 3}} 
    <div class="row-fluid"> 
    {{#each this}} 
     <div class="card span4"> 
     <p>{{content}}</p> 
     </div> 
    {{/each}} 
    </div> 
{{/each}} 

cards 도우미 함수는 컬렉션 커서가 아닌이 기능을 사용하려면 배열을 반환해야합니다.