Angular - Animations
Which of the following is the correct syntax to define an enter animation trigger in Angular?
Which of the following is the correct syntax to define an enter animation trigger in Angular?
easy📝 Syntax Q12 of 15
Step-by-Step Solution
Solution:
Step 1: Recall Angular animation syntax
Enter animations usetransition(':enter', [...])inside atriggerwith defined styles and animate calls.Step 2: Check each option
trigger('fadeIn', [transition(':enter', [style({opacity: 0}), animate('500ms', style({opacity: 1}))])])correctly usestransition(':enter', [style(...), animate(...)]). The distractors misusestate,animatedirectly, or wrong transition name.Final Answer:
trigger('fadeIn', [transition(':enter', [style({opacity: 0}), animate('500ms', style({opacity: 1}))])]) -> Option DQuick Check:
Use transition(':enter', [...]) inside trigger [OK]
Quick Trick: Use transition(':enter', [...]) inside trigger for enter animations [OK]
Common Mistakes:
- Using state() instead of transition() for :enter
- Writing 'enter' without colon in transition
- Calling animate() outside transition
Master "Animations" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes