[Solved] Which of the following is the correct way to declare a standalone directive in Angular? — Ans: @Directive({ selector: '[appHighlight]', standalone: true }) | Angular

Angular - Standalone Components

Which of the following is the correct way to declare a standalone directive in Angular?

A@Directive({ selector: '[appHighlight]' })

B@Directive({ selector: '[appHighlight]', standalone: false })

C@Directive({ selector: 'appHighlight', standalone: true })

D@Directive({ selector: '[appHighlight]', standalone: true })

Step-by-Step Solution

Solution:

Step 1: Check selector syntax
For attribute directives, the selector must be in square brackets, e.g., '[appHighlight]'.
Step 2: Verify standalone flag
To make a directive standalone, standalone: true must be set in the decorator.
Final Answer:
@Directive({ selector: '[appHighlight]', standalone: true }) -> Option D
Quick Check:
Standalone directive needs selector with [] and standalone: true [OK]

Quick Trick: Standalone directives need standalone: true and correct selector [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct way to declare a standalone directive in Angular?