QueryList

An unmodifiable list of items that Angular keeps up to date when the state of the application changes.

一个不可修改的条目列表,当应用状态变化时,Angular 会保证它是最新的。

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 }

说明

The type of object that ViewChildren, ContentChildren, and QueryListprovide.

ViewChildren

ContentChildrenQueryList所提供对象的类型。

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".

实现一个可迭代接口,因此它可以用于 ES6 JavaScript 的 for (var i of items) 循环,和 Angular 模板中的 *ngFor="let i of myList"

Changes can be observed by subscribing to the changes Observable.

可以通过订阅 changes 这个 Observable 来监听这些变化。

NOTE: In the future this class will implement an Observable interface.

注意:将来此类将会实现 Observable 接口。

属性

属性名类型说明
dirty只读
changes只读
length只读
first只读
last只读

方法

See Array.map

参见 Array.map

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

参数

fn

Type: (item: T, index: number, array: T[]) => U.

返回值

U[]

See Array.filter

参见 Array.filter

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

参数

fn

Type: (item: T, index: number, array: T[]) => boolean.

返回值

T[]

See Array.find

参见 Array.find

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

参数

fn

Type: (item: T, index: number, array: T[]) => boolean.

返回值

T | undefined

See Array.reduce

参见 Array.reduce

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

参数

fn

Type: (prevValue: U, curValue: T, curIndex: number, array: T[]) => U.

init

Type: U.

返回值

U

See Array.forEach

参见 Array.forEach

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

参数

fn

Type: (item: T, index: number, array: T[]) => void.

返回值

void

See Array.some

参见 Array.some

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

参数

fn

Type: (value: T, index: number, array: T[]) => boolean.

返回值

boolean

toArray(): T[]

参数

没有参数。

返回值

T[]

toString(): string

参数

没有参数。

返回值

string

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

参数

res

Type: Array.

返回值

void

notifyOnChanges(): void

参数

没有参数。

返回值

void

internal

setDirty()

参数

没有参数。

internal

destroy(): void

参数

没有参数。

返回值

void

使用说明

Example

例子

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