<p dir="auto">I'm submitting a feature request</p>
<p dir="auto">The current behavior is that <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/query/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/query">@query</a> don't return inherited components</p>
<p dir="auto">The expected behavior should be that the injected Query will find the Inherited components .</p>
<p dir="auto">The current behavior is not making any sense .<br>
I want to create components that inherit base component, and I want to find them in my<br>
Component.</p>
<ul dir="auto">
<li>Angular version: 2.0.0-beta.5</li>
<li>Browser: all</li>
<li>Language: TypeScript</li>
</ul>
<p dir="auto">Assuming the following markup:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;my-list&gt;
   &lt;my-item&gt;...&lt;/my-item&gt;
   &lt;my-fancy-item&gt;...&lt;/my-fancy-item&gt;
   &lt;my-super-fancy-item&gt;...&lt;/my-super-fancy-item&gt;
   &lt;my-item&gt;...&lt;/my-item&gt;
&lt;/my-list&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">my-list</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">my-item</span><span class="pl-kos">&gt;</span>...<span class="pl-kos">&lt;/</span><span class="pl-ent">my-item</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">my-fancy-item</span><span class="pl-kos">&gt;</span>...<span class="pl-kos">&lt;/</span><span class="pl-ent">my-fancy-item</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">my-super-fancy-item</span><span class="pl-kos">&gt;</span>...<span class="pl-kos">&lt;/</span><span class="pl-ent">my-super-fancy-item</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">my-item</span><span class="pl-kos">&gt;</span>...<span class="pl-kos">&lt;/</span><span class="pl-ent">my-item</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">my-list</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">where <code class="notranslate">my-item</code>, <code class="notranslate">my-fancy-item</code> and <code class="notranslate">my-super-fancy-item</code> are directives such that:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="class MyItem {
...
}

class MyFancyItem extends MyItem {
...
}

class MySuperFancyItem extends MyItem {
...
}"><pre class="notranslate"><span class="pl-k">class</span> <span class="pl-v">MyItem</span> <span class="pl-kos">{</span>
...
<span class="pl-kos">}</span>

<span class="pl-k">class</span> <span class="pl-v">MyFancyItem</span> <span class="pl-k">extends</span> <span class="pl-v">MyItem</span> <span class="pl-kos">{</span>
...
<span class="pl-kos">}</span>

<span class="pl-k">class</span> <span class="pl-v">MySuperFancyItem</span> <span class="pl-k">extends</span> <span class="pl-v">MyItem</span> <span class="pl-kos">{</span>
...
<span class="pl-kos">}</span></pre></div>
<p dir="auto">I would like to query all directives of type <code class="notranslate">MyItem</code> like so:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@ContentChildren(MyItem) allItems: QueryList&lt;MyItem&gt;;"><pre class="notranslate">@<span class="pl-v">ContentChildren</span><span class="pl-kos">(</span><span class="pl-v">MyItem</span><span class="pl-kos">)</span> <span class="pl-s1">allItems</span>: <span class="pl-v">QueryList</span><span class="pl-c1">&lt;</span><span class="pl-v">MyItem</span><span class="pl-c1">&gt;</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">and allItems should contain all instances of <code class="notranslate">my-item</code>, <code class="notranslate">my-fancy-item</code> and <code class="notranslate">my-super-fancy-item</code> (as all of them are passing the <code class="notranslate">foo instanceOf MyItem</code> test.</p>
<p dir="auto">cc.: <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mhevery/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mhevery">@mhevery</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tbosch/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tbosch">@tbosch</a></p>