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

Question

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

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

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

Answer 1

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