I am not sure how that could happen but it is definitely working for me. The code looks like:
{{#group}}
{{#each model in models groupedRows=true}}
...
<div {{action stuff model}}></div>
{{/each}}
{{/group}}
There is one controller powering this whole list and when there is an event happened, I pass model as a param.
These are a few tips I have found useful so far for large list, hope it is helpful:
group helper/unbound if possible
use bounded handlebar helper to render html directly if possible.
use as fewer views as possible in each table cell. (it turns out it takes some time to set up a view, so in my latest version, i removed all āsubviewsā in a table cell, it is either raw html or handlebar helpers)
Just to add a datapoint:
In a list of ~500 items with each linkView having 6 bound properties on 2012 15" rMBP and Chrome 31, moving to #group helper reduced rendering time by a full second from 2.4s to 1.4s on average.
I think Rob Harperās advice here Mobile Ember - Performance is sound especially if you have large lists but some of those recommendations are not super easy to implement and things like #group are still experimental. I wish it were easier.
I donāt have anything specific to report re: memory, but itās definitely on our minds. We expect HTMLBars to actually reduce the amount of memory being used in the JS heap.