I can't loop an Object-Array with ember #each

Question

<div class="nav-menu clearfix">
    <ul class="list-unstyled list-inline">
        {{#each MI in MB}}
            <li id=""><span>{{ MI.MText }}</span></li>
        {{else}}
            {{MB}}
        {{/each}}
    </ul>
</div>

I want loop the MB with each.

but it dose not work and return the MB is empty.

but I get this for else.

[object Object],[object Object],[object Object],[object Object],[object Object]

this is my route define

//application路由
App.ApplicationRoute = Ember.Route.extend(App.LazyLoadTemplate, {
    model : function() {
        return Ember.$.getJSON("/index/indexjson");
    }
});

and get a json data is

{
    'UIB':{...},
    'MB':[{...},{...},...,{...}]
}

My English is not well ,Thanks for help!

I did not define any thing without route.

xmmwc
– xmmwc

2013-11-19 01:48:17 +00:00
Commented Nov 19, 2013 at 1:48 — xmmwc
– xmmwc, Commented Nov 19, 2013 at 1:48

Kingpin2k · Accepted Answer · 2013-11-19 03:49:05Z

3

As you already found, your scope of your property was incorrect. Just to set the record straight, Ember-Handlebars will not iterate over an object like it will over an Array. Additionally the else statement is totally legit, it will be triggered when the array being iterated across is empty (null/undefined/no elements)

{{#each item in model}}
   {{item}}
{{else}}
   No Items
{{/each}}

http://emberjs.jsbin.com/iWohUlE/1/edit

answered Nov 19, 2013 at 3:49

Kingpin2k

47.4k10 gold badges80 silver badges97 bronze badges

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

1 Comment

xmmwc Over a year ago

can I ask you one more question?how can I make sure the routeName that I have is in url currentRoutePath

megawac · Accepted Answer · 2013-11-19 04:04:31Z

0

Edit as kingpin pointed out in his answer, this response is referencing the wrong version of handlebars.

Your misusing the block helper each in your template. Handlebars each will work similarly with objects and arrays. In addition you had an else outside of an if block. Rewrite your template as follows:

<div class="nav-menu clearfix">
    <ul class="list-unstyled list-inline">
        {{#each MB}}
            <li id=""><span>{{ MText }}</span></li>
        {{/each}}
    </ul>
</div>

Fiddle example

edited Nov 19, 2013 at 4:04

answered Nov 19, 2013 at 1:53

megawac

11.4k6 gold badges43 silver badges61 bronze badges

1 Comment

Kingpin2k Over a year ago

Handlebars in Ember do not work similarly with objects and arrays, and the else is a valid syntax in the each helper.

Collectives™ on Stack Overflow

I can't loop an Object-Array with ember #each

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related