车把包括部分索引

Question

我只是想在项目中使用车把。所以我有一个 PartialNavigation.handlebars 和 index.handlebars，我只想包含 PartialNavigation 以使用一个参数进行索引。我很长时间以来一直在检查文档，但没有找到我想要的东西。而我所有的尝试都失败了...

提前致谢！

PokeRwOw

Answer 1

在 Handlebars 中，您可以使用 Handlebars.registerPartial() 方法注册您的零件。

示例：

var partialNavData = '<div id="navigation"></div>';

Handlebars.registerPartial( 'partialNavigation', partialNavData );

一次注册多个部分：

var partialNavData = '<div id="navigation"></div>';    
var partialFooterData = '<footer>My Footer</footer>';

Handlebars.registerPartial({
    partialNavigation: partialNavData,
    partialFooter: partialFooterData
});

最后，包括你的部分将像这样完成：

您的索引文件：

{{>partialNavigation}}

{{>partialFooter}}

** 如果 PartialNavigation 模板太大而无法放入字符串，您可以使用 AJAX 来获取它。

JSFiddle 示例： https://jsfiddle.net/richardgirges/Lkrn1qLL/3/

阅读these reference docs了解更多信息

车把包括部分索引

handlebars include partial in index

javascript

handlebars.js