Angular2-简单更改查询列表

有没有办法在QueryList上进行简单的更改？我在querylist中保存了一个childcomponents列表。我想检查已将哪个childcomponent添加到列表中（在onchange事件中）

父组件：

   @ContentChildren(forwardRef(() => ChildComponent), { descendants: true })
    private childComponents: QueryList<ChildComponent>;

@ContentChildren(forwardRef(() => ChildComponent), { descendants: true })
private childComponents: QueryList<ChildComponent>;

constructor(private differs: IterableDiffers) {
    this.differ = this.differs.find([]).create(null);
}

---

列表

QueryList

有

changes

事件，您可以订阅它。然后可以使用

IterableDiffers

进行比较

父组件：

   @ContentChildren(forwardRef(() => ChildComponent), { descendants: true })
    private childComponents: QueryList<ChildComponent>;

@ContentChildren(forwardRef(() => ChildComponent), { descendants: true })
private childComponents: QueryList<ChildComponent>;

constructor(private differs: IterableDiffers) {
    this.differ = this.differs.find([]).create(null);
}

手风琴样品在线演示：

打开控制台查看结果

---

如果您尝试了一些东西，一些代码将非常有用。我添加了一些代码。