Javascript 在a<；中包括把手模板；脚本src="&引用&燃气轮机；标签

创建一个包含许多“局部视图”的列表页面，这些“局部视图”仅是用

标记包装的每个把手模板。这个页面有点忙，所以我希望我所有的模板都放在一个名为templates的文件夹中，并且只包含它们。问题是，当我尝试包含模板时，它不会加载到页面上，但当我将模板放在脚本标记中时，它可以正常工作

以下是我正在使用的脚本：

<script id="referral-summary-template" type="text/x-handlebars-template" src="/templates/referrals/referralSummaryTemplate.hbs"></script>

作为参考，我尝试将Handlebar文件更改为一个js文件，该文件只会提示“hello”，效果很好。我只是误解了什么可以是src标记…就像我只能引用JS文件一样

referelSummaryTemplate.hbs

只包含模板（带有把手模板的html）。我需要将模板放在脚本标记中，这样我就可以

handlebar.complie（）

单击事件，而无需异步获取模板

---

谢谢。

您可以让脚本将带有模板类型的脚本标记附加到正文中。dom中会有两个脚本标记，但不必异步。我想这是一厢情愿的想法。我可以在script标记中包含它，我想这会使它更简洁一些。谢谢其他人可能比我更能说明这些好处，但我认为在需要时对数据执行异步请求可能更有益。如果您只在需要时请求它们，那么初始页面负载会更小。此外，如果请求被缓存，则模板的ajax请求可能会从缓存中获得响应。请在运行handlebar代码之前检查脚本是否已加载。对于模板，我宁愿使用ajax请求来获取它们，而不是将它们放在我的html中，这与您希望使用的好处相同。唯一的缺点是，您必须编写一些javascript行来加载模板（但您可能已经有了这些数据行）。