Handlebars.js: Użyj częściowego, jakby to był normalny, pełny szablon

Question

Mam szablon, który chcę używać zarówno jako częściowego, jak i samodzielnie z javascript.

Answer 1

Jeśli Twoje szablony są skompilowane, można uzyskać dostęp do partials poprzez Handlebars.partials['partial-name']() jak nazywają je z szablonu poprzez {{> partial}} pomocnika.

To jest miłe, ponieważ można następnie napisać funkcję narzędzia do renderowania szablonu, niezależnie od tego, czy jest to pełny szablon, czy częściowy.

ex:

function elementFromTemplate(template, context) { 
    context = context || {}; 
    var temp = document.createElement('div'); 
    temp.innerHTML = templates[template] ? templates[template](context) : Handlebars.partials[template](context); 
    return temp.firstChild; 
} 

myDiv.appendChild(elementFromTemplate('myPartial', context));

myDiv.appendChild(elementFromTemplate('a-whole-template'));

Nadzieja pomaga to ktoś inny, kto chce korzystać Kierownica jak ja.

Answer 2

Aby użyć częściowej z szablonu, należy po prostu dołączyć {{> partialName}}.

<script id="base-template" type="text/x-handlebars-template"> 
    <div> 
    {{> person}} <!-- This is the partial template name --> 
    </div> 
</script> 

<script id="partial-template" type="text/x-handlebars-template"> 
    <div class="person"> 
    <h2>{{first_name}} {{last_name}}</h2> 
    <div class="phone">{{phone}}</div> 
    </div> 
</script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    var template = Handlebars.compile($("#base-template").html()); 

    //Aliasing the template to "person" 
    Handlebars.registerPartial("person", $("#partial-template").html()); 

    template(yourData); 
    } 
</script> 

Answer 3

Łatwiej zrobić to na odwrót - przygotowanie wszystkich szablonów jako normalne szablony, a następnie udostępniać je jako podszablonów:

Handlebars.partials = Handlebars.templates 

Pozwala to korzystać z szablonów, jak zwykle, i jak partials, a także:

{{> normalTemplate}} 

Answer 4

renderować częściowe z javascript można użyć

Handlebars.partials["myPartial"]()