Question

I have model:

[
  {
    "ID": 5,
    "email": "[e-mail]"
  },
  {
    "ID": 6495,
    "email": "[e-mail]"
  }
]

Code for iterating in handlebars:

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

how do I define xxx ?

If JSON had name in model like:

   users: [
      {
        "ID": 5,
        "email": "[e-mail]"
      },
      {
        "ID": 6495,
        "email": "[e-mail]"
      }
    ]

I would simple iterate in handlebars like:

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

Answer 1

If you have this:

var a = [
  {
    "ID": 5,
    "email": "[e-mail]"
  },
  {
    "ID": 6495,
    "email": "[e-mail]"
  }
];

Then just supply the desired name when you call the compiled template:

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

That will leave you with your desired HTML in h.

Demo: http://jsfiddle.net/ambiguous/ZgVjz/

If you have a collection built from the data:

var c = new C(a);

Then you’d call the template like this:

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

Demo: http://jsfiddle.net/ambiguous/uF3tj/