배열을 통한 패키지 반복

Question

{{#each}}처럼 작동하는 핸들 막대 도우미를 만들고 싶지만 모든 n 반복 코드가 실행되도록 숫자를 지정할 수있는 가능성을 제공합니다.

내가 필요한 이유는 세 항목의 행에 내용을 뿌려야하기 때문에 새 컨테이너 div를 열고 닫을 때마다 세 항목이 필요합니다.

단순히 백본 형식 세 항목의 패키지 배열을하자 {{#each}}를 사용하는 것을 반복 할 수 물론

하지만 난 내가 말할 수 있도록이 도우미를 만드는 데 더 우아한 것이라고 생각 뭔가

{{#each_pack data 3}} 
    <div class="container"> 
    {{#each pack_items}} 
    <span>{{content}}</span> 
    {{/each}} 
    </div> 
{{/each_pack}} 

같은

어떻게해야할지 모르겠습니다. pack_items을 내부 블록에서 사용하려면 어떻게해야합니까?

Answer 1

방금 ​​제안한 것과 똑같은 구문을 사용할 수 있도록이 문제를 해결했습니다.

window.Handlebars.registerHelper('each_pack', function(context, packsize, fn){ 
    var ret = ''; 

    /* 
     Function that creates packages of size 
     packsize from a given array 
    */ 
    var packagify = function(array, packsize){ 
     var i = 0; 
     var length = array.length; 

     var returnArray = []; 
     var pack = []; 
     while(i < length){ 
      /* 
       If this is not the first entry, 
       if this is the packsize-d entry 
       or this is the last entry, 
       push the pack to the return array 
       and create a new one 
      */ 

      if(((i % packsize) == 0 && i != 0) || (i == (length - 1))){ 
       returnArray.push(pack); 
       pack = []; 
      } 
      pack.push(array[i]); 
      i++; 
     } 
     return returnArray; 
    } 

    var packArray = packagify(context,packsize); 

    for(var i = 0; i < packArray.length; i++){ 
     var pack = packArray[i]; 

     this['pack_items'] = pack; 
     ret = ret + fn(this); 
    } 

    delete this['pack_items']; 
    return ret; 
});