[Solved] What does the Angular decorator @ContentChild do in a component? — Ans: It gets a reference to a single element inside the projected content. | Angular

Angular - Component Interaction

What does the Angular decorator @ContentChild do in a component?

AIt projects content from the component into its parent.

BIt creates a new child component inside the template.

CIt gets a reference to a single element inside the projected content.

DIt listens to events emitted by child components.

Step-by-Step Solution

Solution:

Step 1: Understand content projection
Content projection allows inserting external content inside a component using <ng-content>.
Step 2: Role of @ContentChild
@ContentChild gets a reference to a single element or directive inside that projected content.
Final Answer:
It gets a reference to a single element inside the projected content. -> Option C
Quick Check:
@ContentChild = reference to projected element [OK]

Quick Trick: Remember: @ContentChild targets projected content elements [OK]

Common Mistakes:

Master "Component Interaction" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What does the Angular decorator @ContentChild do in a component?