How to iterate over array in handlebar template without defined name in model

Question

I have model:

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

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": "xx@vflbg.com"
      },
      {
        "ID": 6495,
        "email": "email@monkey.com"
      }
    ]

I would simple iterate in handlebars like:

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

I'd recommend changing your accepted answer to Dave Stibrany's answer below. Definitely seems like the better way to do this. — Andrew Miner, Jun 02 '14 at 20:22

score 34 · Answer 1 · edited Feb 10 '14 at 18:58

34

This works too:

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

edited Feb 10 '14 at 18:58

Fabrício Matté

69,329
26
129
166

answered Jun 26 '13 at 20:20

Dave Stibrany

2,369
3
21
21

where to specify the list – Pallavi May 20 '20 at 09:02

score 16 · Accepted Answer · answered Jul 27 '12 at 04:23

If you have this:

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

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/

This works, but the answer from [Dave Stibrany](http://stackoverflow.com/users/546741/dave-stibrany) [below](http://stackoverflow.com/a/17329692/591374) is a much better solution. — MusikPolice, Nov 27 '13 at 18:43

How to iterate over array in handlebar template without defined name in model

2 Answers2