Why is it important to use :enter and :leave selectors in Angular animations instead of regular state names for animating elements added or removed from the DOM?
hard📝 Conceptual Q10 of 15
Angular - Animations
Why is it important to use :enter and :leave selectors in Angular animations instead of regular state names for animating elements added or removed from the DOM?
ABecause :enter and :leave automatically detect DOM insertion and removal timing
BBecause regular states cannot animate opacity or transform
CBecause :enter and :leave are faster to execute than states
DBecause Angular does not support custom state names
Step-by-Step Solution
Solution:
Step 1: Understand :enter and :leave roles
They represent the moments when elements are inserted or removed from the DOM.
Step 2: Compare with regular states
Regular states animate style changes but do not detect DOM lifecycle events automatically.
Final Answer:
:enter and :leave automatically detect DOM insertion and removal timing -> Option A
Quick Check:
:enter/:leave handle DOM lifecycle animations [OK]
Quick Trick::enter/:leave track DOM add/remove automatically [OK]
Common Mistakes:
Thinking states can detect DOM add/remove
Believing :enter/:leave improve speed
Assuming Angular disallows custom states
Master "Animations" in Angular
9 interactive learning modes - each teaches the same concept differently
