迭代通過相同組件的多個@ViewChild實例angular2

Question

我有一個ParentComponent調用ChildComponent @ViewChild方法觸發多個ChildComponents的Ionic 2應用程序。其中ChildComponents的獲取在視圖中使用不同的參數實例化兩次，像這樣的：

<ChildComponent [startFrom]="0" [limitTo]="1"></ChildComponent> 
<ChildComponent [startFrom]="1" [limitTo]="1"></ChildComponent> 

離線/在線設備狀態改變後，我打電話ChildComponent的方法來更新它返回的項目列表。

@ViewChild(ChildComponent) childComponent: ChildComponent; 

ngOnInit(): void { 
    this.networkService.connectSubscription(() => { 
     this.childComponent.getItems(); 
    }); 
} 

這裏的問題是this.childComponent只得到的兩個第一ChildComponent實例的保持。

有沒有辦法迭代同一個@ViewChild組件的多個實例，所以我可以做一些像this.childComponent1.getItems()和this.childComponent2.getItems()？

感謝您的幫助。

Answer 1

@ViewChildren(ChildComponent) childComponents: QueryList<ChildComponent>; 

ngAfterViewInit(): void { 
    this.networkService.connectSubscription(() => { 
     this.childComponents.toArray(); 
    }); 
}