On this page
QueryList
class
| npm Package | @angular/core | 
|---|---|
| Module | import { QueryList } from '@angular/core'; | 
     
| Source | core/src/linker/query_list.ts | 
Overview
class QueryList<T> {
  get dirty: true
  get changes: Observable<any>
  get length: number
  get first: T
  get last: T
  map<U>(fn: (item: T, index: number, array: T[]) => U): U[]
  filter(fn: (item: T, index: number, array: T[]) => boolean): T[]
  find(fn: (item: T, index: number, array: T[]) => boolean): T | undefined
  reduce<U>(fn: (prevValue: U, curValue: T, curIndex: number, array: T[]) => U, init: U): U
  forEach(fn: (item: T, index: number, array: T[]) => void): void
  some(fn: (value: T, index: number, array: T[]) => boolean): boolean
  toArray(): T[]
  toString(): string
  reset(res: Array<T | any[]>): void
  notifyOnChanges(): void
  setDirty()
  destroy(): void
}
  Description
An unmodifiable list of items that Angular keeps up to date when the state of the application changes.
The type of object that ViewChildren, ContentChildren, and QueryList provide.
Implements an iterable interface, therefore it can be used in both ES6 javascript for (var i of items) loops as well as in Angular templates with *ngFor="let i of myList".
Changes can be observed by subscribing to the changes Observable.
NOTE: In the future this class will implement an Observable interface.
Example (live demo)
@Component({...})
class Container {
  @ViewChildren(Item) items:QueryList<Item>;
}
  Members
get dirty: true
  get changes: Observable<any>
  get length: number
  get first: T
  get last: T
  map<U>(fn: (item: T, index: number, array: T[]) => U): U[]
  See Array.map
filter(fn: (item: T, index: number, array: T[]) => boolean): T[]
  See Array.filter
find(fn: (item: T, index: number, array: T[]) => boolean): T | undefined
  See Array.find
reduce<U>(fn: (prevValue: U, curValue: T, curIndex: number, array: T[]) => U, init: U): U
  See Array.reduce
forEach(fn: (item: T, index: number, array: T[]) => void): void
  See Array.forEach
some(fn: (value: T, index: number, array: T[]) => boolean): boolean
  See Array.some
toArray(): T[]
  toString(): string
  reset(res: Array<T | any[]>): void
  notifyOnChanges(): void
  setDirty()
  internal
destroy(): void
  internal
© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
 https://v5.angular.io/api/core/QueryList