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

-1 vote297 views2 answers
Input digits only
TypeScript
0 vote308 views1 answer
Merge enum typescript
TypeScript
1 vote307 views1 answer
Typescript ' does not exist on type 'typeof globalThis'
TypeScript
0 vote291 views1 answer
Nestjs get request header in guard
TypeScript
0 vote361 views1 answer
Visible, non-interactive elements with click handlers must have at least one keyboard listener
TypeScript
2 votes311 views1 answer
Reactive form programmatically set value
TypeScript
1 vote274 views1 answer
Get formcontrol value
TypeScript
1 vote323 views1 answer
'react-scripts' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `react-scripts start` npm ERR! Exit status 1
TypeScript
2 votes292 views1 answer
Angular send mailto html
TypeScript
1 vote315 views1 answer
Kotlin version that is used for building with gradle
TypeScript