ViewChildren和ContentChildren QueryLists会监听哪些更改?

时间:2017-07-03 20:03:28

标签: angular reactjs typescript angular2-observables reactivex

我们说你有以下代码:

<code>@ViewChildren('item') items: QueryList<any>;</code>

在其他地方代码:

<code>this.items.changes.subscribe(() => {})</code>

导致() => {}被调用的更改有哪些?那么@ContentChildren()呢?我无法找到任何关于此的文件。

此外,有没有办法获得有关发生的变化的更多信息? (例如,变化的类型,发生变化的元素等)

编辑:&#34;另外&#34;的答案上面的部分可以在答案的评论部分找到,标记正确。

1 个答案:

答案 0 :(得分:5)

@ViewChildren@ContentChildren都用于获取Angular组件列表。

因此,如果你有一个组件ItemComponent,绑定将是这样的。

@ViewChildren(ItemComponent) items: QueryList<ItemComponent>;

QueryList将是ItemComponent类型的对象列表。

当列表中的项目数已更改时,查询列表中的事件将发出。添加或销毁组件。当使用*ngFor或其他模板修饰符时,通常会发生这种情况。