Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AngularJS Basics (1.x) Using Angular's Built In Directives Adding Data To Your App Using ng-model

Why does {{todo.name}} flash on page load at 5:41?

This is not really a question but more of an observation.

Call me picky, but I've noticed the binding flashes for a split second each time on page load. It's not something that looks pretty. I've noticed it does same on instructors screen as well.

Is this common occurrence in Angular and is there anything we can do to correct this?

My question to you is, when the linked video is 6:43 in total, how are you viewing 8:41?

Sorry everyone. There was a typo in my initial question. I've corrected the time from 8:41 to 5:41.

1 Answer

Steven Parker
Steven Parker
231,269 Points

This is one of the things that made me lose interest in using Angular. In more complex applications I've seen it take more than 2 seconds for placeholders to get filled in with the actual values.

The only remedy I can think of would be to put up some sort of "Loading..." message or animation until the script finishes, and only then reveal the page.

Thank you @Steven Parker Hopefully the Angular team is working on this. I'm loving Angular so far, but this can be a bit of an eye sore.

Steven Parker
Steven Parker
231,269 Points

Remember this course is Angular 1. There may be some improvements in the newer versions, and there's another course here for Angular 2.

I recall one factor that made Angular 1 so slow is that it didn't load until after the page was rendered.