How to loop through sorted array controller in Ember.js?

Question

Could you tell me the "best" way to loop through items with an ArrayController in Ember 1.9.1?

Let's take an ordered list of users as our example.

Previously I would have done this:

<ol>
    {{#each itemController='user'}}
    <li>{{name}}</li>
    {{/each}}
</ol>

In version 1.9+ I understand this style has been deprecated.

Question one, am I correct to loop over the model? Like this:

<ol>
    {{#each user in model itemController='user'}}
    <li>{{user.name}}</li>
    {{/each}}
</ol>

Question two, what if I want to use the controller sort functionality? Can I do this:

<ol>
    {{#each user in arrangedContent itemController='user'}}
    <li>{{user.name}}</li>
    {{/each}}
</ol>

Question three, are there any other (more optimal) ways of looping over data with Ember?

Thanks!

Eric · Accepted Answer · 2015-02-02 14:41:56Z

1

1. Yes

2. Yes

3. Not as of today (due to Handlebars internal functionality).

answered Feb 2, 2015 at 14:41

Eric

19k2 gold badges36 silver badges40 bronze badges

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

2 Comments

MattDavies Over a year ago

Thanks, Eric. That helps a lot, I have a bug where Ember fails to render when I use arrangedContent but will render if I use model. I couldn't work out if the issue was my template or my controller. Sounds like the controller!

Eric Over a year ago

Ember is a bit iffy to render sometimes. Make sure arrangedContent is populated before the Controller starts to render it's view(s). Typically you can have your custom-array depend on some model-value (by .observes()). Then it will be re-renderd when that asynchronous have loaded.

Collectives™ on Stack Overflow

How to loop through sorted array controller in Ember.js?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related