对所有页面使用相同的Handlebars模板

Question

我有这个用例，我希望所有页面都有一个导航栏。我到目前为止使用的技术是保留外部JSON文件并使用jQuery .getJSON库获取它。我使用jQuery DOM方法来生成HTML。

我发现它很乱，并且喜欢使用Handlebars模板。但我怀疑的是，在Handlebars中，您可以在HTML中的脚本标记内添加脚本。那么有没有办法只编写一个单独的Handlebars模板并在所有页面上调用它？

我做了一些搜索但找不到任何东西。我只是问我是否可以嵌入这样的Handlebars模板，或者我必须明确地嵌入我需要导航栏的所有页面？换句话说，我可以在xyz.js文件中添加Handlebars模板。

Answer 1

简短的回答是：是的，你可以。您可以precompile your templates到一个JavaScript文件，然后使用JavaScript，partial或混合方法such as this one by Tal Bereznitskey将它们插入到您的文档中，这样就可以混合和匹配预编译的文件未编译的模板。