<p dir="auto">Using ng-content inside ngFor produce a single content.<br>
For example:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@Component({
    selector: 'some-component',
    template: `
        &lt;div *ngFor=&quot;#x of arr&quot;&gt;
            &lt;ng-content&gt;&lt;/ng-content&gt;
       &lt;/div&gt;
    `
});
class SomeComponent {
    arr = [1,2,3];
}

@Component({
    selector: 'app'
    template: `
        &lt;some-component&gt; data &lt;/some-component&gt;
    `,
    directives: [SomeComponent]
}) 
class App {}"><pre class="notranslate">@<span class="pl-smi">Component</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
    <span class="pl-c1">selector</span>: <span class="pl-s">'some-component'</span><span class="pl-kos">,</span>
    <span class="pl-c1">template</span>: <span class="pl-s">`</span>
<span class="pl-s">        &lt;div *ngFor="#x of arr"&gt;</span>
<span class="pl-s">            &lt;ng-content&gt;&lt;/ng-content&gt;</span>
<span class="pl-s">       &lt;/div&gt;</span>
<span class="pl-s">    `</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-k">class</span> <span class="pl-smi">SomeComponent</span> <span class="pl-kos">{</span>
    <span class="pl-c1">arr</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-c1">1</span><span class="pl-kos">,</span><span class="pl-c1">2</span><span class="pl-kos">,</span><span class="pl-c1">3</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span>

@<span class="pl-smi">Component</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
    <span class="pl-c1">selector</span>: <span class="pl-s">'app'</span>
    <span class="pl-s1">template</span>: <span class="pl-s">`</span>
<span class="pl-s">        &lt;some-component&gt; data &lt;/some-component&gt;</span>
<span class="pl-s">    `</span><span class="pl-kos">,</span>
    <span class="pl-c1">directives</span>: <span class="pl-kos">[</span><span class="pl-smi">SomeComponent</span><span class="pl-kos">]</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span> 
<span class="pl-k">class</span> <span class="pl-smi">App</span> <span class="pl-kos">{</span><span class="pl-kos">}</span></pre></div>
<p dir="auto">produces the word "data" a single time instead of three times.  (plunker: <a href="https://plnkr.co/edit/p6YA4dAsuiybTjtnSBnz" rel="nofollow">https://plnkr.co/edit/p6YA4dAsuiybTjtnSBnz</a>)</p>
<p dir="auto">When a component has a <code class="notranslate">ng-content</code> within a <code class="notranslate">ng-for</code> only one <code class="notranslate">ng-content</code> is rendered.</p>
<h2 dir="auto">Component with the for and content   ( list.ts )</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;li *ng-for=&quot;#item of listRows&quot;&gt;
    &lt;ng-content&gt;&lt;/ng-content&gt;
 &lt;/li&gt;
"><pre class="notranslate"><code class="notranslate">&lt;li *ng-for="#item of listRows"&gt;
    &lt;ng-content&gt;&lt;/ng-content&gt;
 &lt;/li&gt;

</code></pre></div>
<h2 dir="auto">Component using the List component  ( app.ts )</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;list [list-rows]=&quot;myRows&quot; &gt;
      &lt;listRow &gt;&lt;/listRow&gt;
&lt;/list&gt;
"><pre class="notranslate"><code class="notranslate">&lt;list [list-rows]="myRows" &gt;
      &lt;listRow &gt;&lt;/listRow&gt;
&lt;/list&gt;

</code></pre></div>
<p dir="auto">Can see the code with the problem here <a href="http://plnkr.co/edit/RbvRWV0O1jiWoCcs6dAF?p=preview" rel="nofollow">http://plnkr.co/edit/RbvRWV0O1jiWoCcs6dAF?p=preview</a></p>
<p dir="auto">Maybe  <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> can see the problem here</p>