Angular Material - Virtual Repeat

Render large repeated collections efficiently with virtual scrolling.

How it works

md-virtual-repeat renders the visible portion of a large collection rather than creating every row at once. Provide predictable item sizing where required, preserve scroll behavior as data changes, and ensure keyboard and assistive-technology users can understand position and available items.

Practical checklist

• Confirm whether the application uses AngularJS Material 1.x or modern Angular Material for Angular v2+.
• Use meaningful labels, keyboard-accessible interactions, and visible focus states.
• Test responsive behavior, validation, and assistive-technology output.
• Review dependency support and security before maintaining a legacy deployment.

Further reading: Tutorialspoint: Angular Material - Virtual Repeat · AngularJS Material legacy documentation · Current Angular Material documentation.

Back to course overview · Previous: Angular Material - Typography · Next: Angular Material - WhiteFrame