web-dev-qa-db-ja.com

.handlebarsまたは.hbsファイルをHTMLに含める

Emberjs.comのホームページには、todoリストの例であるemberjsとhandlebarsjsがあります。 todoリストには.hbsファイルの拡張子があり、.hbsとは何なのかと思っていました。また、HTMLに.hbsスクリプトを含めるにはどうすればよいですか?このようなもの:

<script type="text/hbs" src="hbs-file.hbs"></script>
13
Millzie

これは、ハンドルバートークンが含まれたHTMLの一部であるハンドルバーテンプレートファイルです。ファイル拡張子は何でもかまいません。それはあなたが欲しいものにすることができます。

ハンドルバーテンプレートを独自のHTMLに含めるには、ファイルを作成し、任意の名前を付けて、テンプレートファイルを指す例のような<script>タグを含めます。

クライアント側のハンドルバーテンプレートを使用する1つの方法は、(例のように)スクリプトタグに含めることです。未加工のテンプレートはDOMで使用できますが、表示されず、HTMLとして処理されないため、コードですでに使用できるため、クライアントのJavaScriptでテンプレートにコンパイルし、特定のデータセットを使用してHTMLにレンダリングできます。 。

ハンドルバーテンプレートは、JavaScriptに含めることも、JavaScriptで構築することも、Ajaxを介して動的にロードすることもできます(<script>タグメソッドに加えて、テンプレートをクライアントに取り込む2つの方法)。

サーバーサイドでハンドルバーを使用している場合、テンプレートはサーバー上にとどまることができ、<script>タグとしてページに配置する必要はありません。

23
jfriend00