@angular/core

viewChildren

Initializer API

Developer preview

Initializes a view 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 viewChildren() function.

          
            @Component({...})export class TestComponent {  divEls = viewChildren<ElementRef>('el');   // Signal<ReadonlyArray<ElementRef>>}

viewChildren<LocatorT>(locator: string | ProviderToken<LocatorT>): Signal<readonly LocatorT[]>;

@paramlocatorstring | ProviderToken<LocatorT>

@returnsSignal<readonly LocatorT[]>

viewChildren<LocatorT, ReadT>(locator: string | ProviderToken<LocatorT>, opts: { read: ProviderToken<ReadT>; }): Signal<readonly ReadT[]>;

@paramlocatorstring | ProviderToken<LocatorT>

@paramopts{ read: ProviderToken<ReadT>; }

@returnsSignal<readonly ReadT[]>