QueryList
一个不可修改的条目列表,当应用状态变化时,Angular 会保证它是最新的。
An unmodifiable list of items that Angular keeps up to date when the state of the application changes.
class QueryList<T> {
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(res: (any[] | T)[]): void
notifyOnChanges(): void
setDirty()
destroy(): void
}
说明
、ContentChildren
和 QueryList
所提供对象的类型。
The type of object that ViewChildren
, ContentChildren
, and QueryList
provide.
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 |
参数没有参数。 返回值
|
参数没有参数。 返回值
|
参数没有参数。 返回值
|
internal |
参数没有参数。 |
internal |
参数没有参数。 返回值
|
使用说明
例子
Example
@Component({...})
class Container {
@ViewChildren(Item) items:QueryList<Item>;
}