小编Ann*_*aya的帖子

我是Angular2的新手.在我看来,我有几个相同的孩子在*ngFor中生成.

<ngb-panel *ngFor="let client of clients" [title]="'Client #' + client.id">
    <template ngbPanelContent>
        <processing-item [client]="client"></processing-item>
    </template>
</ngb-panel>

我需要在父元素中调用这些组件的方法并找出ViewChildren装饰器,代码是:

@ViewChildren(ProcessingItemComponent) processingItems: QueryList<ProcessingItemComponent>;

然后我尝试通过forEach迭代它们:

ngAfterViewInit() {
    this.processingItems.forEach(function (el) {
        console.log(el);
    });
}

但它没有任何作用.在QueryList上调用的toArray()方法返回空数组.

任何建议如何一次获取所有子组件并调用其方法？