title: Render elements of QueryList in the template
body: <p>I have two components:
  <strong>items-list</strong> and <strong>item</strong></p>
  
  <p>I use them like this:</p>
  
  <pre><code>&lt;items-list items="items"&gt;&lt;/items-list&gt;
  </code></pre>
  
  <p>On the inner level <strong>items-list</strong> looks like this:</p>
  
  <pre><code>&lt;ngx-carousel&gt;
   &lt;ngx-item *ngFor="let item of items"&gt;
     &lt;item data="item"&gt;&lt;/item&gt;
   &lt;/ngx-item&gt;
  &lt;/ngx-carousel&gt;
  </code></pre>
  
  <p>However this approach is not flexible because I should use some "items" array to populate items.</p>
  
  <p>What I want to do is to rework the approach like this:</p>
  
  <pre><code>&lt;items-list&gt;
   &lt;item data="dataForFirstItem"&gt;&lt;/item&gt;
   &lt;item data="dataForSecondItem"&gt;&lt;/item&gt;
  &lt;/items-list&gt;
  </code></pre>
  
  <p>But the problem here is that I don' understand how to rework the implementation of <strong>items-list</strong>:</p>
  
  <pre><code>&lt;ngx-carousel&gt;
   &lt;ngx-item *ngFor="let item of items"&gt;
    &lt;!-- each item should be rendered here --&gt;
   &lt;/ngx-item&gt;
  &lt;/ngx-carousel&gt;
  </code></pre>
  
  <p>ngx-item requires component to be placed inside. </p>
  
  <p>I used <strong>ContentChildren</strong> to capture all rendered item components in QueryList. But how to render each item inside the ngx-item ?</p>