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 vote339 views1 answer
How to search for elements that are on the webpage using html
TypeScript
1 vote176 views1 answer
Converting an image to base64 in angular
TypeScript
6 votes176 views3 answers
React-native use typescript
TypeScript
1 vote203 views1 answer
Test management
TypeScript
1 vote153 views1 answer
How to pip install -u git+https://github.com/rapptz/discord.py@rewrite
TypeScript
0 vote183 views1 answer
How arrange order of boxplots matplotlib
TypeScript
0 vote207 views1 answer
Install typescript mac
TypeScript
0 vote170 views1 answer
You will use an appropriate looping statement to write a script that displays a list of the Celsius equivalents of zero degrees Fahrenheit through 100 degrees Fahrenheit
TypeScript
0 vote280 views1 answer
Calling from a list elements in steps
TypeScript
1 vote191 views1 answer
Typescript switch test per case
TypeScript