[Solved] Which is the correct syntax to define a state named active with a red background color? — Ans: state('active', style({ backgroundColor: 'red' })) | Angular

Angular - Animations

Which is the correct syntax to define a state named active with a red background color?

Astate('active', style({ backgroundColor: 'red' }))

Bstate(active, style('background-color: red'))

Cstate('active', { backgroundColor: 'red' })

Dstate('active', style('red'))

Step-by-Step Solution

Solution:

Step 1: Recall correct state syntax
The state function takes a name string and a style function with an object of CSS properties. state('active', style({ backgroundColor: 'red' })) correctly uses this syntax.
Final Answer:
state('active', style({ backgroundColor: 'red' })) -> Option A
Quick Check:
state syntax = state(name, style(object)) [OK]

Quick Trick: Use style({property: value}) inside state() [OK]

Common Mistakes:

Master "Animations" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which is the correct syntax to define a state named active with a red background color?