javascript - ブラウザ側 Dust.js

Question

私は、ブラウザで Dust.js を使用する非常に単純な例をまとめようとしています。ドキュメントは非常に優れていますが、ブラウザでの設定に関する情報はあまりないようです。

したがって、Linked-In Dust チュートリアルから取得した次の JSON データに基づいています。

{
   "title": "Famous People", 
   "names" : [{ "name": "Larry" },{ "name": "Curly" },{ "name": "Moe" }]
}

そして、このテンプレート:

 {title}
 <ul>
 {#names}
 <li>{name}</li>{~n}
 {/names}
  </ul>

ブラウザでクライアント側をレンダリングするためにこれをどのように送信できますか?

score 3 · Accepted Answer

チュートリアルでは実際には言及されていないため、DustJS のブラウザーの例も探していました。

例を使用して作成したレポを次に示します: https://github.com/ericktai/dust-js-browser

テンプレートのコンパイルには、duster.jsを使用します。リポジトリの README.md に基本事項が記載されている必要があります。

それが役に立てば幸い！

エリック

score 2 · Accepted Answer

ページの少し下に、テンプレートをコンパイルする方法の基本的な例があります:
ダストテンプレートのコンパイル

基本的には、関数を呼び出してcompileテンプレートを登録するだけです。

var compiled = dust.compile("Hello {name}!", "intro");

すぐに使用するにloadSourceは、コンパイルされたテンプレートを Dust のテンプレートライブラリに書き込むために実行します。

dust.loadSource(compiled);

render次に、JSON データを使用してテンプレートを作成できます。

dust.render("intro", {name: "Fred"}, function(err, out) {
    console.log(out);

    // or maybe with jquery:
    $('#container').html(out);
});

2 に答える 2