Handlebars.js: используйте частичный, как обычный, полный шаблон

Question

У меня есть шаблон, который я хочу использовать как частично, так и отдельно от javascript.

Answer 1

Если ваши шаблоны прекомпилированы, вы можете получить доступ к партиалам через Handlebars.partials['partial-name'](), а также вызывать их из шаблона через {{> partial}} помощника.

Это хорошо, потому что вы можете затем написать функцию утилиты для рендеринга шаблона, будь то полный шаблон или частичный.

например:

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'));

Надеется, что это поможет кому-то, кто хочет использовать рули, как я.

Answer 2

Чтобы использовать частичный шаблон, просто введите {{> 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

Это проще сделать это наоборот - чтобы собрать все ваши шаблоны как обычные шаблоны, а затем сделать их доступными в качестве обертонов:

Handlebars.partials = Handlebars.templates 

Это позволяет использовать шаблоны, как обычно, и как обертоны, а также:

{{> normalTemplate}} 

Answer 4

оказывать частично из Javascript вы можете использовать

Handlebars.partials["myPartial"]()