You have two standalone directives: HighlightDirective and BorderDirective. How do you apply both to a single element in a component template?

hard📝 Application Q9 of 15

Angular - Standalone Components

You have two standalone directives: HighlightDirective and BorderDirective. How do you apply both to a single element in a component template?

Step-by-Step Solution

Solution:

Step 1: Recall Angular directive attribute syntax
Multiple attribute directives are applied by listing their selectors as separate attributes.
Step 2: Evaluate options
correctly applies both directives as separate attributes. Others use invalid syntax.
Final Answer:
<div appHighlight appBorder></div> -> Option D
Quick Check:
Multiple directives = multiple attributes [OK]

Quick Trick: Use separate attributes for each directive [OK]

Common Mistakes:

Master "Standalone Components" 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