contentChild
Initializes a content child query. Consider using contentChild.required
for queries that should
always match.
const contentChild: ContentChildFunction;
Usage notes
Create a child query in your component by declaring a
class field and initializing it with the contentChild()
function.
@Component({...})
export class TestComponent {
headerEl = contentChild<ElementRef>('h'); // Signal<ElementRef|undefined>
headerElElRequired = contentChild.required<ElementRef>('h'); // Signal<ElementRef>
header = contentChild(MyHeader); // Signal<MyHeader|undefined>
headerRequired = contentChild.required(MyHeader); // Signal<MyHeader>
}