ContentChildren get different children when add formArrayName

[vthinkxie]

🐞 bug report

Affected Package

@angular/forms

Is this a regression?

No

Description

when add formArrayName to the ng-container, the child component could not be accessed by the parent component

🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-2vcmz3?file=src%2Fapp%2Fapp.component.html

🔥 Exception or Error

ContentChildren get nothing when add `formArrayName`
should have same behavior

🌍 Your Environment

Angular Version: 7.1

Anything else relevant?

[alexzuza]

You can set descendants option to true in order to query non-direct children:

@ContentChildren(HelloChildComponent, {descendants: true}) 

https://stackblitz.com/edit/angular-94aav9?file=src/app/hello.component.ts

Also check this thread #14769 (comment)

[vthinkxie]

@alexzuza
Thanks a lot!
Yes, but I don't want to get non-direct children because the component may be used in a nested way.
The behavior should be consistent whether or not formArrayName are added

[pkozlowski-opensource]

@vthinkxie this is definitively a bug and we already track it in #14769. The good news is that it is already fixed in ivy!

Closing as a duplicate of #14769

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}