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

【问题标题】：Use same Handlebars template for all the pages对所有页面使用相同的 Handlebars 模板
【发布时间】：2014-10-22 03:54:55
【问题描述】：

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

我觉得很乱，很想改用 Handlebars 模板。但我的疑问是，在 Handlebars 中，您可以在 HTML 内的 script 标签中添加脚本。那么有没有办法只编写一个单独的 Handlebars 模板并在所有页面上调用它？

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

【问题讨论】：

标签： javascript jquery json templates handlebars.js

【解决方案1】：

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

【讨论】：

很高兴知道这是可能的，感谢您耐心回答我的问题。所以precompile 是我错过的东西。我会仔细浏览链接并回复您。谢谢。