如何加载带有 id 的 javascript 模板？答案

【问题标题】：How can i load javascript templates with their ids?如何加载带有 id 的 javascript 模板？
【发布时间】：2012-01-29 23:27:33
【问题描述】：

一直在玩一些 iCanHaz.js 模板，我在我的 html 页面的头部定义了这样的模板。

<script id="test" type="text/html">
<h1>Test</h1>
</script>

我确实想将我所有的 iCanHaz 模板放在一个文件中，但我不知道应该如何导入它们。

提前致谢！

【问题讨论】：

取决于服务器端环境
服务端使用node.js

标签： javascript icanhaz.js

【解决方案1】：

如果您也使用 jQuery，它们几乎在底部提供了一个示例，说明如何从 their site 上的服务器拉取模板：

$.getJSON('/myserver/templates.json', function (templates) {
    $.each(templates, function (template) {
        ich.addTemplate(template.name, template.template);
    });
});

当然，您必须有一些以 JSON 格式提供模板的服务器端代码，而如何做到这一点取决于您使用的服务器端语言，正如 Poelinca Dorin 在他的评论中指出的那样。

【讨论】：

哦，我怎么能错过！谢谢。
这个例子是错误的 $.each 接受回调函数的参数（id，elementAtId）

【解决方案2】：

像这样？（它适用于 jsRender 模板）：

<!--#include virtual="Scripts/RenderTemplates.js" -->

【讨论】：