Loading

Quipoin Menu

Learn • Practice • Grow

angular / Angular Animations
mcq
Direction: Choose the correct option

Q1.

What module is needed for Angular animations?
A. BrowserModule
B. AnimationsModule
C. BrowserAnimationsModule
D. AngularAnimationsModule
Direction: Choose the correct option

Q2.

How do you define an animation trigger?
A. Using `style()`
B. Using `animate()`
C. Using `@trigger` decorator
D. Using `trigger()` function in `@Component` animations
Direction: Choose the correct option

Q3.

What does `state()` function define?
A. A trigger
B. A specific style at a given state
C. An animation timeline
D. A transition between states
Direction: Choose the correct option

Q4.

How do you apply an animation to an element?
A. `[animate]='trigger'`
B. `[@triggerName]='expression'`
C. `[animation]='name'`
D. `*ngIf` with animation
Direction: Choose the correct option

Q5.

What is a transition in animations?
A. A change from one state to another with timing and easing
B. A route change
C. A CSS transition
D. A component change
Direction: Choose the correct option

Q6.

What does `animate()` function specify?
A. Animation trigger
B. Duration, delay, and easing of an animation
C. Animation name
D. Animation style
Direction: Choose the correct option

Q7.

What are keyframes in Angular animations?
A. Style frames
B. Allows multiple style changes within an animation sequence
C. Key frames
D. Animation steps
Direction: Choose the correct option

Q8.

What is the `style()` function used for?
A. To style elements
B. To create styles
C. To define CSS styles at a point in an animation
D. To apply CSS
Direction: Choose the correct option

Q9.

What is the `group()` function used for?
A. To run multiple animations in parallel
B. To group triggers
C. To group states
D. To group elements
Direction: Choose the correct option

Q10.

What is the `query()` function used for?
A. To filter
B. To query elements
C. To find child elements within the animated element and apply animations to them
D. To search