How to access an inner object from JSON using Handlebars.js?

Question

I am trying to access an inner object from JSON using Handlebars.js. I tried but I am not getting the address object have the area value.

Here is my HTML:

<table class="table table-striped">
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Email</th>
      <td>Address</td>
    </tr>
  </thead>
  <tbody>   
    {{#empdetails}}
    <tr> 
      <td>{{firstname}}</td>
      <td>{{lastname}}</td>
      <td>{{email}}</td>
      {{#each addres}}
      <td>{{addres.area}}</td>
      {{#each}}
    </tr>
  {{/empdetails}}
  </tbody>
</table>

And here is my JavaScript:

var data = {empdetails: [
  {firstname: "Success", lastname: "Doe", email: "[email protected]",addres:[{area:"mtm"}]},
   {firstname: "Danger", lastname: "Moe", email: "[email protected]",addres:[{area:"vij"}]},
  {firstname: "ravi", lastname: "m", email: "[email protected]",addres:[{area:"chennai"}]},
  {firstname: "sandeep", lastname: "sand", email: "[email protected]",addres:[{area:"mumbai"}]},
  {firstname: "kishore", lastname: "kis", email: "[email protected]",addres:[{area:"delhi"}]},
  {firstname: "vivek", lastname: "ve", email: "[email protected]",addres:[{area:"vijag"}]},
  {firstname: "adi", lastname: "udathu", email: "[email protected]",addres:[{area:"guntur"}]},
  {firstname: "prem", lastname: "muk", email: "[email protected]",addres:[{area:"nellore"}]},
  {firstname: "ramesh", lastname: "Doe", email: "[email protected]",addres:[{area:"mtm"}]},
  {firstname: "naresh", lastname: "muk", email: "[email protected]",addres:[{area:"rajamandri"}]}
]};

Kindly help me to get the address->area value.

Grafpaper10 · Accepted Answer · 2017-09-21 18:34:37Z

1

Use {{this.area}}. this inside an each block corresponds to the item at the current index in the loop.

Under the "The each block helper" section

Inside the block, you can use this to reference the element being iterated over.

edited Sep 21, 2017 at 18:34

answered Sep 21, 2017 at 17:44

Grafpaper10

5413 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access an inner object from JSON using Handlebars.js?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related