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 vote96 views1 answer
"Complete the following Python syntax to evaluate the contents of variable a. The print should only work when a is negative"
TypeScript
0 vote100 views1 answer
Typescript string concatenation best practice
TypeScript
1 vote91 views2 answers
Convert list elements to uppercase python
TypeScript
1 vote99 views1 answer
Angular change how date looks
TypeScript
-1 vote115 views1 answer
Creating lists in C
TypeScript
1 vote96 views2 answers
Ts-node command compile typescript
TypeScript
0 vote92 views1 answer
Ionic scroll to item programmatically
TypeScript
0 vote100 views1 answer
Convert given seconds to space age on all planets of our solar system
TypeScript
3 votes89 views3 answers
Remove duplicate objects based on id from array angular 8
TypeScript
0 vote84 views1 answer
Automation over manual testing
TypeScript