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

Question

我有这个模板脚本

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

我想将其外包给一个名为＆＃34; user_template.js＆＃34;的文件。这将是这样的：

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

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

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

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

Answer 1

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

如果听起来很有意思，可以点击以下链接：

http://requirejs.org/

http://requirejs.org/docs/download.html#text - 文字插件

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

Answer 2

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

使用jQuery：

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