Emberjs.comのホームページには、todoリストの例であるemberjsとhandlebarsjsがあります。 todoリストには.hbsファイルの拡張子があり、.hbsとは何なのかと思っていました。また、HTMLに.hbsスクリプトを含めるにはどうすればよいですか?このようなもの:
<script type="text/hbs" src="hbs-file.hbs"></script>
これは、ハンドルバートークンが含まれたHTMLの一部であるハンドルバーテンプレートファイルです。ファイル拡張子は何でもかまいません。それはあなたが欲しいものにすることができます。
ハンドルバーテンプレートを独自のHTMLに含めるには、ファイルを作成し、任意の名前を付けて、テンプレートファイルを指す例のような<script>
タグを含めます。
クライアント側のハンドルバーテンプレートを使用する1つの方法は、(例のように)スクリプトタグに含めることです。未加工のテンプレートはDOMで使用できますが、表示されず、HTMLとして処理されないため、コードですでに使用できるため、クライアントのJavaScriptでテンプレートにコンパイルし、特定のデータセットを使用してHTMLにレンダリングできます。 。
ハンドルバーテンプレートは、JavaScriptに含めることも、JavaScriptで構築することも、Ajaxを介して動的にロードすることもできます(<script>
タグメソッドに加えて、テンプレートをクライアントに取り込む2つの方法)。
サーバーサイドでハンドルバーを使用している場合、テンプレートはサーバー上にとどまることができ、<script>
タグとしてページに配置する必要はありません。