[Solved] How can you make an Angular keyframe animation repeat infinitely with a 1-second delay? — Ans: Use animate('1s 1s infinite', keyframes([...])) | Angular

Angular - Animations

How can you make an Angular keyframe animation repeat infinitely with a 1-second delay?

AUse animate('1s', keyframes([...]), {repeat: 'infinite', pause: '1s'})

BUse animate('1s', keyframes([...]), {iterations: Infinity, delay: 1s})

CUse animate('1s', keyframes([...]), {iterationCount: 'infinite', delay: '1s'})

DUse animate('1s 1s infinite', keyframes([...]))

Step-by-Step Solution

Solution:

Step 1: Understand animate() timing string format
The string can include duration, delay, and iteration count like '1s 1s infinite'.
Step 2: Check options for correct syntax
Use animate('1s 1s infinite', keyframes([...])) correctly uses the timing string with duration 1s, delay 1s, and infinite repeats.
Final Answer:
Use animate('1s 1s infinite', keyframes([...])) -> Option D
Quick Check:
Timing string can include delay and infinite repeats [OK]

Quick Trick: Use timing string with duration, delay, infinite [OK]

Common Mistakes:

Master "Animations" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

How can you make an Angular keyframe animation repeat infinitely with a 1-second delay?