Which of the following is the correct syntax to use @ContentChild to get a reference to a template variable named myRef?

easy📝 Syntax Q12 of 15

Angular - Component Interaction

Which of the following is the correct syntax to use @ContentChild to get a reference to a template variable named myRef?

A@ContentChild('myRef') myElement!: ElementRef;

B@ContentChild(myRef) myElement!: ElementRef;

C@ContentChild(#myRef) myElement!: ElementRef;

D@ContentChild(myRef, {static: true}) myElement!: ElementRef;

Step-by-Step Solution

Solution:

Step 1: Correct syntax for @ContentChild selector
The selector must be a string matching the template variable name, so it should be quoted: 'myRef'.
Step 2: Static option usage
Static option is optional and usually false by default; not required here.
Final Answer:
@ContentChild('myRef') myElement!: ElementRef; -> Option A
Quick Check:
Use quotes around template variable name in @ContentChild [OK]

Quick Trick: Use quotes around template variable name in @ContentChild [OK]

Common Mistakes:

Master "Component Interaction" 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