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

标签 javascript jquery json templates handlebars.js

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

我发现很乱,很想使用 Handlebars 模板来代替。但我的疑问是,在 Handlebars 中,您在 HTML 内的 script 标记内添加脚本。那么有没有一种方法可以只编写一个单独的 Handlebars 模板并在所有页面上调用它?

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

最佳答案

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

关于javascript - 对所有页面使用相同的 Handlebars 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26500071/

相关文章:

javascript - 使用 JQuery 以表单形式临时存储键值对的最简单方法

javascript - 在 IExplorer 中检测字体下载权限

javascript - 从文本中删除 <br> 标记并将其替换为硬回车?

jquery - 如何防止 jQuery UI Selectable 插件中的多重选择

json - NPM 安装在计算机之间的行为不同

javascript - 如何在 Kendo Grid 中显示二维码?

javascript - Angular 编译错误 : src/app/login/login. component.ts(18,10): 错误 TS1127: 无效的 > 字符

javascript - 类与 jquery 比较

ios - 尝试使用 JSON 从 Web 服务获取响应时发生错误

android - 如何从 JSON 响应中获取选定微调项的 ID?