ngRepeat basics

Last reviewed May 28, 2026 Content v20260528

Track mode

client_angularjs

Means

In-browser AngularJS 1.x

Reading

~1 min

Level

intermediate

This lesson

This lesson teaches ngRepeat basics: the concepts, APIs, and habits you need before advancing in AngularJS.

Without ngRepeat basics, you will struggle to read or extend AngularJS codebases and playground exercises.

You will apply ngRepeat basics in contexts like: Long-lived intranet apps, government portals, and codebases not yet moved to Angular, React, or Vue.

Write JavaScript for AngularJS 1.8, click Run—register modules/controllers, then mountApp(moduleName, templateHtml) in #ng-app; printOutput feeds the terminal.

When you can explain the previous lesson's ideas without copying starter code.

ng-repeat clones DOM for collections—always use track by stable keys for performance and correct reuse.

Important interview questions and answers

Q: Why does this matter?
A: ng-repeat clones DOM for collections—always use track by stable keys for performance and correct reuse.

Self-check

Summarize ngRepeat basics in one sentence.
What would you try next in the playground?

Challenge

ngRepeat basics hands-on

Edit the default code.
Click Run in browser.
Confirm preview or terminal output.

Done when: preview or terminal matches the lesson goal.

Pitfall: Omitting track by causes wrong DOM reuse when lists reorder—use stable ids.

Playground

Runs in your browser in a sandboxed frame. Backend runners appear when this track’s profile allows them.

Discussion

Past discussion is visible to everyone. Only logged-in users can post comments and replies.

Starter discussion topics

track by when?
Index key risk?

No discussion yet. Be the first to ask a question.