Which of these is a valid way to specify a 1 second animation duration using animate?

easy📝 Conceptual Q2 of 15

Angular - Animations

Which of these is a valid way to specify a 1 second animation duration using animate?

Aanimate(1, 'ease-in')

Banimate('1000ms ease-in')

Canimate('1s', 'ease-in')

Danimate(1000, 'ease-in')

Step-by-Step Solution

Solution:

Step 1: Check Angular animate syntax
The animate method takes a string like '1000ms ease-in' or '1s ease-in' for duration and easing.
Step 2: Validate each option
animate('1000ms ease-in') uses '1000ms ease-in' which is valid. animate(1000, 'ease-in') uses number and string separately, invalid. animate('1s', 'ease-in') misses easing in string. animate(1, 'ease-in') uses number without units.
Final Answer:
animate('1000ms ease-in') -> Option B
Quick Check:
Animate duration string format = animate('1000ms ease-in') [OK]

Quick Trick: Use string with units and easing inside animate() [OK]

Common Mistakes:

Master "Animations" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes