<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
Usage of the <code class="notranslate">formArrayName</code> directive stops <code class="notranslate">@ContentChildren()</code> from finding children of the element onto which <code class="notranslate">formArrayName</code> was applied.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
<code class="notranslate">@ContentChildren()</code> reaches children of <code class="notranslate">formArrayName</code>.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto"><a href="http://plnkr.co/edit/q9DREq88aeAXO645X8zK?p=preview" rel="nofollow">This plunker</a> shows the problem. <code class="notranslate">&lt;my-component&gt;</code> is defined twice in the template, but the length of the found components is 1.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.4.7</li>
</ul>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
ContentChild queries descendants but ContentChildren does not. This commit changed this behavior -&gt; <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/angular/angular/commit/0dc15eb64ac268e115c484319941ba11ce09d596/hovercard" href="https://github.com/angular/angular/commit/0dc15eb64ac268e115c484319941ba11ce09d596"><tt>0dc15eb</tt></a></p>
<p dir="auto"><strong>Expected behavior</strong></p>

<p dir="auto">ContentChild should behave like ContentChildren or better page author should decide with an option like descendats: true|false or we need to new decorators like ContentDescendant and ContentDescendants. Note that if you guys also decide to change ContentChildren to descendants:true all of a sudden, it will break whole a lot of apps. Even if you do, we need a way to customize the default behavior to restore the order back.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
Lack of support to customize querying.</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.X<br>
2.2</li>
</ul>