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

0 vote278 views1 answer
.htaccess Forcing scripts to display as source code
TypeScript
0 vote255 views1 answer
Change div with css
TypeScript
21 votes280 views4 answers
Can't bind to 'ngmodeloptions' since it isn't a known property of 'input'
TypeScript
0 vote378 views1 answer
Apexcharts pie chart colors
TypeScript
1 vote268 views1 answer
Typescript type check only
TypeScript
-1 vote295 views1 answer
I comparer for lists c#
TypeScript
2 votes286 views3 answers
Mat dialog disable close
TypeScript
1 vote275 views1 answer
How do i remove the brackets around a list in python
TypeScript
-1 vote335 views1 answer
Enter into postgresql database AS
TypeScript
0 vote282 views1 answer
Get url params in typescript
TypeScript