Which syntax correctly creates a named slot using ng-content in Angular?

easy📝 Syntax Q12 of 15

Angular - Component Interaction

Which syntax correctly creates a named slot using ng-content in Angular?

A<ng-content select=".header"></ng-content>

B<ng-content name="header"></ng-content>

C<ng-content slot="header"></ng-content>

D<ng-content id="header"></ng-content>

Step-by-Step Solution

Solution:

Step 1: Recall correct attribute for named slots
Angular uses the select attribute on ng-content to create named slots by CSS selectors.
Step 2: Check each option
Only uses select with a CSS class selector, which is correct syntax.
Final Answer:
<ng-content select=".header"></ng-content> -> Option A
Quick Check:
Named slot uses select attribute [OK]

Quick Trick: Use select="CSS-selector" for named ng-content slots [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