How to wrap template using ngForTemplate?
<p>I try to make ListView component using <code>ngForTemplate</code> for custom templates</p>

<p><strong>list-view.component.html</strong></p>

<pre><code>&lt;div class="list-view"&gt;
    &lt;template ngFor [ngForOf]="items" [ngForTemplate]="template"&gt;
    &lt;/template&gt;
&lt;/div&gt;
</code></pre>

<p><strong>list-view.component.ts</strong></p>

<pre><code>@Component({
    selector: 'm-list-view',
    styleUrls: ['./list-view.component.less'],
    templateUrl: './list-view.component.html'
})

export class ListViewComponent {
    @Input() items: any[] = [];

    @ContentChild(TemplateRef)
    template: any;
}
</code></pre>

<p>When I use it like this:</p>

<pre><code>&lt;m-list-view [items]="categories"&gt;
    &lt;template let-item="$implicit"&gt;
        **some HTML markup**
    &lt;/template&gt;
&lt;/m-list-view&gt;
</code></pre>

<p>the resulting is:</p>

<pre><code>&lt;m-list-view&gt;
    &lt;div class="list-view"&gt;
        **some HTML markup**
        **some HTML markup**
        **some HTML markup**
        ...
    &lt;/div&gt;
&lt;/m-list-view&gt;
</code></pre>

<p>but I need this:</p>

<pre><code>&lt;m-list-view&gt;
    &lt;div class="list-view"&gt;
        &lt;div class="list-view-item"&gt;**some HTML markup**&lt;/div&gt;
        &lt;div class="list-view-item"&gt;**some HTML markup**&lt;/div&gt;
        &lt;div class="list-view-item"&gt;**some HTML markup**&lt;/div&gt;
        ...
    &lt;/div&gt;
&lt;/m-list-view&gt;
</code></pre>

<p>What should I do to wrap each list view item template in div.list-view-item?</p>