You want to create a custom directive that highlights text by changing its background color when hovered. Which type of directive should you create and why?

hard📝 Application Q15 of 15

Angular - Directives

AStructural directive, because it needs to add or remove elements on hover.

BAttribute directive, because it changes the element's appearance without altering layout.

CStructural directive, because it modifies the DOM structure dynamically.

DAttribute directive, because it listens to user events but does not change styles.

Step-by-Step Solution

Solution:

Step 1: Understand the directive's purpose
The directive changes background color on hover, affecting appearance only.
Step 2: Choose directive type based on behavior
Attribute directives change element style or behavior without adding/removing elements, fitting this case.
Final Answer:
Attribute directive, because it changes the element's appearance without altering layout. -> Option B
Quick Check:
Appearance change = attribute directive [OK]

Quick Trick: Appearance changes use attribute directives, layout changes use structural [OK]

Common Mistakes:

Choosing structural directive for style changes
Confusing event listening with directive type
Thinking attribute directives add/remove elements

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions

More Angular Quizzes

You want to create a custom directive that highlights text by changing its background color when hovered. Which type of directive should you create and why?

Step 1: Understand the directive's purpose

Step 2: Choose directive type based on behavior

Final Answer:

Quick Check:

Want More Practice?