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>

問題は-それは機能しません-どうすればいいですか？

Answer 1

これにはRequireJSを使用します。モジュールを操作するのが大好きで、テンプレートを美しく操作するテキストと呼ばれるプラグインもあります。

面白そうな場合は、次のリンクをご覧ください。

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
});