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 vote189 views2 answers
Register service worker
TypeScript
1 vote145 views1 answer
React typescript onclick stop propagation
TypeScript
1 vote158 views1 answer
Stretch grid column to fit page mui
TypeScript
0 vote120 views1 answer
Ts remove first 0 number from string
TypeScript
0 vote132 views1 answer
Accessing the elements of a char* in c
TypeScript
0 vote134 views2 answers
Angular 9 : Error NG2003: No suitable injection token for parameter 'url' of class 'DataService'. Found string
TypeScript
1 vote131 views1 answer
Check if file.properties is exits android
TypeScript
27 votes117 views4 answers
How to hide bullet points in css
TypeScript
1 vote129 views1 answer
Two plots side by side r
TypeScript
3 votes133 views1 answer
Angular access page
TypeScript