0

私は以下に示すようなオブジェクトの配列を持っています：

 var games_string = new Array();
 games_string[0] = { display_name: "sanket" };
 games_string[1] = { display_name: "sky" };

このオブジェクトの配列をhtmlページの口ひげタグでレンダリングしたいと思います。このサイトhttp://mustache.github.com/mustache.5.htmlを参照して、この解決策を見つけましたが、機能していません...

 <table>
 <tr>
 {{#games_string}}
     <td>
        <b>{{display_name}}</b>
    </td>
 {{/games_string}}
 </tr>
 <table>
4

1 に答える 1

1

細かいマニュアルの例は、基本的な使用法を示しています。

var view = {
  title: "Joe",
  calc: function () {
    return 2 + 4;
  }
};

var output = Mustache.render("{{title}} spends {{calc}}", view);

テンプレートが含まれている場合は、tmpl次のようにします。

var data = {
    games_string: [
        { display_name: "sanket" },
        { display_name: "sky" }
    ]
};
var html = Mustache.render(tmpl, data);

render名前と値を関連付けるオブジェクトを指定する必要があります。そうしないと、Mustache{{#games_string}}はテンプレートで何を参照するのかわかりません。と呼ばれる変数を作成するgames_stringだけでは不十分ですgames_string。テンプレート内の名前に関連付けるデータをMustacheに指示する必要があります。

デモ： http： //jsfiddle.net/ambiguous/9y7ju/

于 2012-05-22T07:05:53.773 に答える