Angular2 ViewChildren combined with transclusion

Question

When using transclusion in an angular2 component, it appears that my 'ViewChildren' is not able to detect these components. When I make a component where I define the same components directly then it works fine. Does anyone now a way to get this work?

FYI, we're using the term *content projection* instead of transclusion now. — drew moore, Aug 30 '16 at 17:18

score 5 · Accepted Answer · edited May 23 '17 at 11:46

5

You can query transcluded content using @ContentChild() or @ContentChildren().

@ViewChild() and ´@ViewChildren()` only allow to query element in the components template.

See also angular 2 / typescript : get hold of an element in the template

edited May 23 '17 at 11:46

Community

1
1

answered Aug 30 '16 at 17:15

Günter Zöchbauer

623,577
216
2,003
1,567

score 0 · Answer 2 · answered Aug 30 '16 at 17:13

I tried to do this with my error messages component too. Actually you just need to use ContentChildren decorator instead of ViewChildren. It is made special for ng-content elements. As a result you will get QueryList which is iterable object of your components or elements.

Angular2 ViewChildren combined with transclusion

2 Answers2