[Solved] Identify the error in this Angular animation code:trigger('zoom', [transition(':enter', [animate('200ms', style({transform: 'scale(1)'}))])]) | Angular

Angular - Animations

Identify the error in this Angular animation code:

trigger('zoom', [transition(':enter', [animate('200ms', style({transform: 'scale(1)'}))])])

AMissing initial style before animate to scale(1)

BIncorrect use of transition keyword

Canimate() cannot be used inside transition

DStyle object must not contain transform property

Step-by-Step Solution

Solution:

Step 1: Check animation start and end states
Animation should define initial style before animating to scale(1).
Step 2: Verify if initial style is missing
Code lacks style({transform: 'scale(0)'}) or similar before animate.
Final Answer:
Missing initial style before animate to scale(1) -> Option A
Quick Check:
Initial style needed before animate = A [OK]

Quick Trick: Always set initial style before animate() [OK]

Common Mistakes:

Master "Animations" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular animation code: