rekurencyjne układy z Handlebars.js

Question

Mam prosty obiekt hierarchia składa się z:

Category 
String name 
List childCategories; 

chciałbym reprezentować ten układ za pomocą kierownicy w sposób ogólny, ale mam kłopoty zrozumieć jak układy gniazdo. Biorąc pod uwagę ten układ:

<script id="categories-template" type="text/x-handlebars-template"> 
    {{#categories}} 
     <ul > 
      <li>      
       <span>{{name}}</span>  
       <div>{{#childCategories}}{{/childCategories}}</div> 
      </li>  
     </ul> 
    {{/categories}} 
</script> 

Jaki jest najlepszy sposób ponownego wykorzystania istniejącego szablonu kategorii dla wszystkich kategorii dzieci? Czy konieczne jest zarejestrowanie programu obsługi? Czy istnieje prostszy sposób?

Answer 1

<script id="categories-template" type="text/x-handlebars-template"> 
    <ul> 
    {{#each categories}} 
     <li>      
      <span>{{name}}</span>  
      <div> 
       <ul> 
        {{#each childCategories}} 
         <li><!-- content: blah-blah-blah --></li> 
        {{/each}} 
       </ul> 
      </div> 
     </li> 
    {{/each}} 
    </ul> 
</script> 

Answer 2

Dwa szablony

<!-- language: html --> 

<script id="categories-template" type="text/x-handlebars-template"> 
{{#categories}} 
    <ul > 
     <li>      
      <span>{{name}}</span>  
      {{#if childCategories}}      
      <div>{{&testHelper childCategories}}</div> 
      {{/if}} 
     </li>  
    </ul> 
{{/categories}} 
</script> 

<script id="categories-nested" type="text/html"> 
    {{&testHelper categories}} 
</script> 

I Kierownice Helper

Handlebars.registerHelper('testHelper', function(info) { 
    var template = Handlebars.compile($('script#categories-template').html()); 
    return template(categories); 
});