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 vote285 views1 answer
No database host was found that meets the requirements for this server.
TypeScript
0 vote244 views1 answer
Get one property from list of objects linq
TypeScript
0 vote236 views1 answer
How to make the inputs become a sum python
TypeScript
11 votes255 views2 answers
Represent array items angular
TypeScript
0 vote265 views3 answers
Woocommerce remove This is where you can add new products to your store in taxonomy description
TypeScript
0 vote289 views5 answers
How to css after elements for background overlays
TypeScript
0 vote257 views1 answer
Job for pm2-rfb.service failed because the service did not take the steps required by its unit configuration.
TypeScript
0 vote267 views2 answers
Test reports in unit tests flutter
TypeScript
10 votes249 views4 answers
Python add elements of two lists together
TypeScript
0 vote274 views1 answer
How to calculate distance between 2 points in knex postgis
TypeScript