How would you use ViewChildren to get references to multiple instances of the same child component or element?

ViewChildren returns a QueryList containing every matching element or component instance found in the parent's template, which you can iterate over like an array, and it automatically updates if the number of matching elements changes over time, such as items being added or removed from a list.

@ViewChildren(ItemComponent) items!: QueryList<ItemComponent>;

ngAfterViewInit() {
  this.items.forEach((item) => console.log(item));
  this.items.changes.subscribe(() => console.log('The list of items changed'));
}