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

2 votes192 views1 answer
React native paper select
TypeScript
1 vote211 views2 answers
React-textfit
TypeScript
1 vote207 views1 answer
Gets ents within range gmod lua
TypeScript
0 vote185 views1 answer
Requests python-passlib python-pil -y ubuntu 18.04
TypeScript
0 vote185 views1 answer
Convert list to list of lists on every n elements python
TypeScript
76 votes603 views6 answers
Running scripts is disabled on this system
TypeScript
1 vote242 views1 answer
Shortcuts for ajax in vscode
TypeScript
0 vote191 views2 answers
Parameter 'event' implicitly has an 'any' type.ts(7006)
TypeScript
1 vote187 views1 answer
Can't bind to 'mat-dialog-close' since it isn't a known property of 'button'
TypeScript
1 vote198 views1 answer
How to target all child elements css
TypeScript