使用Angular2中的viewContainerRef获取子/子组件

时间:2016-08-16 20:33:35

标签: angular

在组件中,我们可以使用以下结构获取子组件:

@ViewChildren(MdVerTabLabelWrapper) _labelWrappers: QueryList<MdVerTabLabelWrapper>;
@ViewChildren(MdVerInkBar) _inkBar: QueryList<MdVerInkBar>;

但是,如果我有viewContainerRef引用,那么如何获取子组件?

基本上我要做的是我有组件列表,我需要以编程方式查找这些组件的子项。

1 个答案:

答案 0 :(得分:3)

ViewContainerRef类具有访问子级的长度和get(索引)属性。请在此处查看API:

https://angular.io/docs/ts/latest/api/core/index/ViewContainerRef-class.html

因此,要引用特定的孩子,请使用viewContainerRef.get(childOfInterestIndex),并使用for(var index = 0; index < viewContenrRef.length; index++)

之类的内容处理您使用for循环的所有孩子