Bird
0
0

What will happen if you omit the itemSize property in cdk-virtual-scroll-viewport?

medium📝 Conceptual Q5 of 15
Angular - Performance Optimization
What will happen if you omit the itemSize property in cdk-virtual-scroll-viewport?
AIt will render all items without virtualization
BVirtual scroll will not work and throw an error
CIt will automatically calculate item size
DIt will use a default item size of 50 pixels
Step-by-Step Solution
Solution:

  1. Step 1: Understand itemSize necessity

    The itemSize is required for virtual scroll to calculate visible items and scroll positions.

  2. Step 2: Check behavior when omitted

    If omitted, Angular CDK throws an error because it cannot compute layout.

  3. Final Answer:

    Virtual scroll will not work and throw an error -> Option B

  4. Quick Check:

    Missing itemSize causes error [OK]
Quick Trick: Always set itemSize; it's mandatory [OK]
Common Mistakes:
  • Assuming automatic size calculation
  • Expecting default item size
  • Thinking it renders all items anyway

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes
Angular Signals - Input signals and model signals - Quiz 14medium Angular Signals - Migrating from observables to signals - Quiz 12easy Animations - Animate method for timing - Quiz 9hard Animations - Animate method for timing - Quiz 5medium Performance Optimization - OnPush change detection strategy - Quiz 10hard Standalone Components - Importing dependencies directly - Quiz 12easy Standalone Components - Bootstrapping with standalone - Quiz 10hard State Management - BehaviorSubject as simple store - Quiz 13medium State Management - Signals as modern state primitive - Quiz 10hard State Management - Actions and reducers pattern - Quiz 3easy