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

8 votes181 views6 answers
How to make lists in python
TypeScript
0 vote171 views1 answer
Websockets socketio flask
TypeScript
1 vote189 views1 answer
Property 'result' does not exist on type 'EventTarget'
TypeScript
15 votes237 views5 answers
Typescript random int
TypeScript
0 vote156 views1 answer
Let say your Project Manager tell you that your database requests are consume a lot of memory, you need to do something to improve the performance. How would you do it in hibernate ?
TypeScript
47 votes156 views9 answers
Cannot be loaded because running scripts is disabled on this system
TypeScript
-1 vote119 views1 answer
Angular events list
TypeScript
0 vote157 views1 answer
How to Convert MATLAB Scripts to Python
TypeScript
0 vote160 views1 answer
Get url params in typescript
TypeScript
0 vote172 views1 answer
How to take multiple int inputs in the same line in C++
TypeScript