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

1 vote316 views1 answer
Typescript create map
TypeScript
1 vote306 views1 answer
Route resource adonis
TypeScript
0 vote338 views1 answer
React native typescript template not working
TypeScript
8 votes359 views1 answer
Split list into lists of equal length python
TypeScript
0 vote359 views1 answer
Hsts wordpress
TypeScript
0 vote387 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
TypeScript
5 votes360 views5 answers
Angular 8 ngClass If
TypeScript
1 vote364 views1 answer
Randomly choose n rows from a file linux
TypeScript
-1 vote342 views1 answer
Nestjs tutorial for beginners
TypeScript
0 vote326 views1 answer
Replace multiple elements in a list python
TypeScript