viewChildren — Angular

Инициализирует запрос к дочерним элементам представления.

Результаты запроса представлены в виде сигнала с доступной только для чтения коллекцией, содержащей все найденные элементы.

API

function viewChildren<LocatorT>(locator, opts?);
function viewChildren<LocatorT, ReadT>(locator, opts);

function viewChildren<LocatorT>(locator: string | ProviderToken<LocatorT>, opts?: { debugName?: string | undefined; } | undefined): Signal<readonly LocatorT[]>;

@paramlocatorstring | ProviderToken<LocatorT>

@paramopts{ debugName?: string | undefined; } | undefined

@returnsSignal<readonly LocatorT[]>

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

@paramlocatorstring | ProviderToken<LocatorT>

@paramopts{ read: ProviderToken<ReadT>; debugName?: string | undefined; }

@returnsSignal<readonly ReadT[]>

Примечания по использованию

Создайте запрос к дочерним элементам в компоненте, объявив поле класса и инициализировав его функцией viewChildren().

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