javascript - Handlebars.js:使用部分模板，就像使用普通的完整模板一样

Question

我有一个模板，我想将其用作部分模板，并通过 javascript 单独使用。

Answer 1

如果您的模板是预编译的，您可以通过 Handlebars.partials['partial-name']() 访问您的部分，也可以通过 {{> 从模板中调用它们部分}} 帮助器。

这很好，因为您可以编写一个实用函数来渲染模板，无论它是完整的模板还是部分模板。

例如:

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

希望这可以帮助任何像我一样想要使用 Handlebars 的人。