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 vote348 views2 answers
_swapbatch.foreach multiple statements c#
TypeScript
1 vote308 views1 answer
Start blender from terminal
TypeScript
0 vote290 views1 answer
Delete all documents from collection flutter firestore
TypeScript
0 vote339 views1 answer
Linux shell loop through all inputs except last
TypeScript
0 vote307 views1 answer
Error TS2307: Cannot find module '@ngx-meta/core'.
TypeScript
0 vote357 views2 answers
Comparison method violates its general contract!
TypeScript
0 vote366 views1 answer
Get-dirstats not recognized
TypeScript
0 vote306 views1 answer
Loading assets in ionic react
TypeScript
1 vote340 views1 answer
Psycopg2 OperationalError: FATAL: unsupported frontend protocol 1234.5679: server supports 2.0 to 3.0
TypeScript
1 vote309 views1 answer
Requests use many proxy python
TypeScript