backbone.js - モデルで定義された名前なしでハンドルバーテンプレートの配列を反復処理する方法

Question

私はモデルを持っています：

[
  {
    "ID": 5,
    "email": "xx@vflbg.com"
  },
  {
    "ID": 6495,
    "email": "email@monkey.com"
  }
]

ハンドルバーで反復するためのコード：

   {{#each xxx}}
    <p>{{email}}</p>
   {{/each}}

xxxを定義するにはどうすればよいですか？

JSONのモデルに次のような名前が付いている場合：

   users: [
      {
        "ID": 5,
        "email": "xx@vflbg.com"
      },
      {
        "ID": 6495,
        "email": "email@monkey.com"
      }
    ]

私は次のようなハンドルバーで単純に繰り返します：

   {{#each users}}
    <p>{{email}}</p>
   {{/each}}

Answer 1

これも機能します：

{{#each this}}
<p>{{email}}</p>
{{/each}}

Answer 2

あなたがこれを持っているなら：

var a = [
  {
    "ID": 5,
    "email": "xx@vflbg.com"
  },
  {
    "ID": 6495,
    "email": "email@monkey.com"
  }
];

次に、コンパイルされたテンプレートを呼び出すときに、目的の名前を指定します。

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

これにより、に目的のHTMLが残りますh。

デモ： http： //jsfiddle.net/ambiguous/ZgVjz/

データから構築されたコレクションがある場合：

var c = new C(a);

次に、次のようにテンプレートを呼び出します。

var h = t({ users: c.toJSON() });

デモ： http： //jsfiddle.net/ambiguous/uF3tj/