QueryList
一个不可修改的条目列表，当应用状态变化时，Angular 会保证它是最新的。
An unmodifiable list of items that Angular keeps up to date when the state of the application changes.
class QueryList<T> {
constructor()
dirty: true
changes: Observable<any>
length: number
first: T
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(resultsTree: (any[] | T)[]): void
notifyOnChanges(): void
setDirty()
destroy(): void
}
说明
、ContentChildren和 QueryList所提供对象的类型。
The type of object that ViewChildren, ContentChildren, and QueryListprovide.
ViewChildren实现一个可迭代接口，因此它可以用于 ES6 JavaScript 的 for (var i of items) 循环，和 Angular 模板中的 *ngFor="let i of myList"。
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 这个 Observable 来监听这些变化。
Changes can be observed by subscribing to the changes Observable.
注意：将来此类将会实现 Observable 接口。
NOTE: In the future this class will implement an Observable interface.
构造函数
参数没有参数。 |
属性
| 属性 | 说明 |
|---|---|
dirty: true | 只读 |
changes: Observable<any> | 只读 |
length: number | 只读 |
first: T | 只读 |
last: T | 只读 |
方法
参见 Array.map See Array.map |
参见 Array.filter See Array.filter |
参见 Array.find See Array.find |
参见 Array.reduce See Array.reduce |
See Array.forEach |
参见 Array.some See Array.some |
Returns a copy of the internal results list as an Array. |
参数没有参数。 返回值
|
参数没有参数。 返回值
|
Updates the stored data of the query list, and resets the |
Triggers a change event by emitting on the |
参数没有参数。 返回值
|
internal |
参数没有参数。 |
internal |
参数没有参数。 返回值
|
使用说明
例子
Example
@Component({...})
class Container {
@ViewChildren(Item) items:QueryList<Item>;
}
