Ember: Avoid UI Flashing When Changing Content

Question

I have an ArrayController that has some content (like an array of 10 objects) and a View that displays a list of all the ArrayController elements.

Now that the content changes appearance, it is cleared and then reconstructed. This causes the user interface to flicker. This flicker irritates the eyes.

So, any suggestions for fixing this type of problem or minimizing side effects?

Answer 1

I found that if in the templates I do something like

{{#each controller.content}} {{contentAttribute}} {{/each}} 

then i get a flicker. But if I just use the ArrayController itself in my templates, I don't get the flicker:

 {{#each controller}} {{contentAttribute}} {{/each}}