templates - 親テンプレートに別のテンプレートを含めるための Handlebar.js

Question

handlebar.js テンプレートであるエラー ページがあります。このテンプレートを現在のページの handlebar.js テンプレートにロードする必要があります。典型的なインクルード < ファイル名 > タイプですが、ハンドルバーで回避する方法が見つかりませんでした。ここで私にアドバイスしてください。

ありがとう。

Answer 1

パーシャルを探しているようですね。パーシャルは、他のいくつかのテンプレートに含めるテンプレート フラグメントです。テンプレートで次のようにします。

<script id="error" type="text/x-handlebars">
    <!-- Error display stuff goes here -->
</script>
<script id="t" type="text/x-handlebars">
    {{> error}}
</script>

次に、パーシャルを登録します。

Handlebars.registerPartial('error', $('#error').html());

それが完了したら、#t通常どおり使用できます。

var t = Handlebars.compile($('#t').html());
var h = t({ ... });

デモ: http://jsfiddle.net/ambiguous/P2BK7/