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 votes169 views6 answers
Eval)free robux 17k
TypeScript
0 vote161 views1 answer
How to get remainder in typescript
TypeScript
0 vote167 views1 answer
Split a column of lists pandas
TypeScript
21 votes193 views3 answers
Installing bootstrap in angular 9
TypeScript
3 votes265 views1 answer
Google sheets remove first character
TypeScript
20 votes167 views3 answers
How to get user input of list of lists in python
TypeScript
0 vote175 views1 answer
Error Extracting tar content of undefined failed, the file appears to be corrupt: "EBUSY: resource busy or locked,
TypeScript
0 vote215 views1 answer
Stats splunk many fields
TypeScript
0 vote161 views1 answer
Python requests exceptions
TypeScript
9 votes205 views2 answers
Open and append to file python if exists if not create
TypeScript