javascript - .hbs または .handlebars テンプレートを取得して印刷するにはどうすればよいですか?

Question

HTML ページで .hbs/.handlebars テンプレートを印刷する方法を知っている人はいますか? どこでも見ましたが、.hbs ファイルをディレクトリに配置してから index.html に出力する方法がわかりません。質問で申し訳ありませんが、私はハンドルバーの初心者です。前もって感謝します！

Answer 1

handlebars テンプレートがあるとしましょうpost.handlebars:

<div class="entry">
  <h1>{{title}}</h1>
  <div class="body">
    {{body}}
  </div>
</div>

テンプレートをコンパイルするには、handlebars プリコンパイラを使用します。

$ handlebars post.handlebars -f templates.js

コンパイル済みのテンプレートとハンドルバー ランタイムを HTML ドキュメントに含めます

<script src="/libs/handlebars.runtime.js"></script>
<script src="templates.js"></script>

これで、コンパイルされたテンプレートが のプロパティとしてアクセスできるようになりますHandlebars.templates。次に、データをテンプレートに渡し、HTML を生成して DOM に追加します。

<script type="text/javascript">
   var template = Handlebars.templates.post;
   var context = {title: "My New Post", body: "This is my first post!"};
   var html    = template(context);
  
 $(document).append(html);
</script>

プリコンパイルの詳細については、 http://handlebarsjs.com/precompilation.htmlを参照してください。また、優れたハンドルバーのチュートリアルがここにあります: http://javascriptissexy.com/handlebars-js-tutorial-learn-everything-about-handlebars-js-javascript-templating/

Answer 2

hbs ファイルをフラグメント ファイルとして保存します。myTemplate.jspf と言う

以下のように、これを HTML/JSP ファイルに含めます。

<script type="text/x-handlebars-template"> 
   <%@ include file="myTemplate.jspf" %>
</script>