Ngtemplateoutlet

<!-- Alternative syntax -->
<ng-container
  *ngTemplateOutlet="optionTemplate; context:{ $implicit: option, idx: i }"
></ng-container>
><Copy

Source: indepth.dev

Ngtemplateoutlet

<!-- Define our template -->
<ng-template #myTemplate> World! </ng-template>

Hello
<!-- Render the template in this outlet -->
<ng-container [ngTemplateOutlet]="myTemplate"></ng-container>
<>Copy

Source: indepth.dev

Ngtemplateoutlet

<li *ngFor="let item of items; index as i">
  <!-- Setting the option as the $implicit property of our context along with the row index -->
  <ng-container
    [ngTemplateOutlet]="optionTemplate"
    [ngTemplateOutletContext]="{ $implicit: option, idx: i }"
  ></ng-container>
</li>

<!-- selector.component.html --><>Copy

Source: indepth.dev

Ngtemplateoutlet

<ng-template #optionTemplate let-option let-position="idx">
  {{ position }} : {{option}}
</ng-template>

<!-- client-one.component.html --><>Copy

Source: indepth.dev

Similar codes

7 votes155 views2 answers
Typescript axios
TypeScript
0 vote190 views1 answer
Localhost magento 2 installation redirects to the live server
TypeScript
2 votes131 views1 answer
Powersell execution policy
TypeScript
0 vote134 views1 answer
Print gets opened whenever pdf is opened
TypeScript
1 vote134 views1 answer
> [email protected] start > react-scripts start sh: react-scripts: command not found
TypeScript
2 votes143 views3 answers
Boolean to string typescript
TypeScript
0 vote144 views1 answer
Count number of elements in multi-dimensional array python
TypeScript
4 votes145 views2 answers
C# merge two lists different types
TypeScript
1 vote149 views1 answer
Http requests in spring boot
TypeScript
0 vote234 views1 answer
How to send attachments to api
TypeScript