mustache - インラインJavaScriptの代わりにhtml（スクリプトまたはdiv要素）で定義されたホーガンテンプレート

Question

テンプレートエンジンをICanHas（Mustache）からHoganに交換したいと思います。ICanHasを使用すると、スクリプトブロックでテンプレートを定義できます。ホーガンでこれを行うことは可能ですか？

Answer 1

はい。scriptタグ内の簡単なテンプレートは次のとおりです。

<script id="hogan-tpl" type="text">
    hello {{planet}}
</script>​

script要素からテンプレートを取得し、Hogan.jsでコンパイルし、適切なデータでレンダリングしてから本文のinnerHTMLに割り当てるために必要な最小限のJavaScriptを次に示します。

var template = $('#hogan-tpl').html(),
    hello = Hogan.compile(template),
    context = { planet: "world" },
    tpl = hello.render(context);

document.body.innerHTML = tpl;​

これがjsFiddleでの作業です