I have 2 components.

The `.html` of parent component this is the code:

```
<div class="space">
    <ng-container *ngFor="let item of items">
        <ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{item: item}">
        </ng-container>
    </ng-container>
</div>

    <ng-template #itemTemplate let-item="item">
        <div class="host">
            <img class='card-img-top'
                src={{item.image}}
                >
            <p>&nbsp;</p>
            <h6 class="title">{{item.projectTitle}}</h6>
            <hr>

            <ng-container *ngIf="item.type=='inactive'">
                <button id="inactive"
                    class="btn btn-sm btn-warning py-0 custom-button text-uppercase">{{item.type}}</button>
            </ng-container>
        </div>
    </ng-template>

```

All code since line: `<ng-template #itemTemplate let-item="item">`

It's necessary to show in the `.html` of the child component.

This is the .`ts` of parent component

```
import { AfterViewInit, Component, ComponentFactoryResolver, ViewChild, ViewContainerRef, OnInit, TemplateRef, Input, ContentChild } from '@angular/core';
import listProjects from './projects.json';
import { ChildComponent } from './child.component';

@Component({
  selector: 'parent-view',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.scss'],
})
export class ParentComponent {
  public items: any = listProjects;
  @ContentChild('itemTemplate', { read: TemplateRef }) itemTemplate: ViewContainerRef;

```

How can show the `<ng-template #itemTemplate let-item="item">` in other component?