QueryList

Stable Class

Обзор класса

class QueryList {
  changes : Observable<any>
  length : number
  first : T
  last : T
  map(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
  reduce(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()
  dirty 
}

Описание класса

Неизменяемый список элементов, который Angular обновляет при изменении состояния приложения.

Тип объекта, предоставляемый Query и ViewQueryMetadata.

Реализует интерфейс итерируемых объектов, поэтому его можно использовать как в циклах ES6 JavaScript for (var i of items) , так и в шаблонах Angular с *ngFor="let i of myList".

Изменения можно наблюдать, подписавшись на события изменений Observable.

ПРИМЕЧАНИЕ: В будущем этот класс будет реализовывать интерфейс Observable.

Пример (живой пример)

@Component({...})
class Container {
  @ViewChildren(Item) items:QueryList<Item>;
}

Подробное описание класса

changes : Observable<any>

length : number

first : T

last : T

map(fn: (item: T, index: number, array: T[]) => U) : U[]

См. Array.map

filter(fn: (item: T, index: number, array: T[]) => boolean) : T[]

См. Array.filter

find(fn: (item: T, index: number, array: T[]) => boolean) : T

См. Array.find

reduce(fn: (prevValue: U, curValue: T, curIndex: number, array: T[]) => U, init: U) : U

См. Array.reduce

forEach(fn: (item: T, index: number, array: T[]) => void) : void

См. Array.forEach

some(fn: (value: T, index: number, array: T[]) => boolean) : boolean

См. Array.some

toArray() : T[]

toString() : string

reset(res: Array<T|any[]>) : void

notifyOnChanges() : void

setDirty()

внутреннее

dirty

внутреннее

экспортировано из @angular/core/index, определено в @angular/core/src/linker/query_list.ts