Accessing JSON object in Handlebars [object Object] error

Question

In ember I have a Model like this

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return {
           model1: ['red', 'yellow', 'blue'],
      model2: [{color:'green'}]
    };
  }
});

In handlebars I can access the model 2 like

{{#each item in model2}}
<li>{{model2.color}}</li>
{{/each}}

How can I access model2 without using {{each}}?

When I use,

<li>{{model2.color}}</li>

it reurns no value, when I use

<li>{{model2}}</li>

it shows [object Object] so how can I access model2 objects without using {{#each}}?

JsBin : http://emberjs.jsbin.com/tuvozuwa/6/edit Thanks

Since model2 seems to be an array, how about model2[0].color? — Felix Kling
– Felix Kling, Commented Oct 3, 2014 at 4:09
@FelixKling nope that seems to give an error the script breaks — rksh
– rksh, Commented Oct 3, 2014 at 4:12

Janaka Bandara · Accepted Answer · 2014-10-03 04:12:07Z

2

I tried {{model2.[0].color}} and it worked in your context. (Note the dot (.) after model.)

answered Oct 3, 2014 at 4:12

Janaka Bandara

1,0821 gold badge16 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

Accessing JSON object in Handlebars [object Object] error

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