javascript - 使用 Handlebars.js 时如何将模板 js 外包到不同的文件

Question

我有这个模板脚本

<script id="some-template" type="text/x-handlebars-template">
   {{#users}}
     {username}
     {email}
</script>

我想将它外包给一个名为“user_template.js”的文件，该文件如下所示：

   {{#users}}
     {username}
     {email}

并在主 index.html 中创建此链接：

<script id="some-template" type="text/x-handlebars-template" src="user_template.js"></script>

问题是 -它不起作用- 我该怎么做？

score 4 · Accepted Answer

我会为此使用RequireJS。很适合使用模块，还有一个名为text的插件可以很好地与模板一起使用。

如果这听起来很有趣，这里有一些链接：

RequireJS 仅适用于您想使用模块的情况，如果不是，Alon 的答案会更好。

score 3 · Accepted Answer

您可以使用 ajax 来加载模板文件。

使用 jQuery：

$.get("user_template.js", function(template_text){
    var template = Handlebars.compile(template_text);
    // more things
});

2 回答 2