@angular/core

contentChildren

Initializer API

Developer preview

Initializes a content children query.

Query results are represented as a signal of a read-only collection containing all matched elements.

Create a children query in your component by declaring a class field and initializing it with the contentChildren() function.

          @Component({...})export class TestComponent {  headerEl = contentChildren<ElementRef>('h');   // Signal<ReadonlyArray<ElementRef>>}

function contentChildren<LocatorT>(locator: string | ProviderToken<LocatorT>, opts?: { descendants?: boolean; read?: undefined; }): Signal<readonly LocatorT[]>;

@paramlocatorstring | ProviderToken<LocatorT>

@paramopts{ descendants?: boolean; read?: undefined; }

@returnsSignal<readonly LocatorT[]>

function contentChildren<LocatorT, ReadT>(locator: string | ProviderToken<LocatorT>, opts: { descendants?: boolean; read: ProviderToken<ReadT>; }): Signal<readonly ReadT[]>;

@paramlocatorstring | ProviderToken<LocatorT>

@paramopts{ descendants?: boolean; read: ProviderToken<ReadT>; }

@returnsSignal<readonly ReadT[]>