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

3 votes242 views1 answer
Intersection between two sets python
TypeScript
0 vote254 views1 answer
Does casting have a higher precedence than dots java
TypeScript
0 vote242 views1 answer
Styled components type argument generic
TypeScript
1 vote237 views1 answer
Json-server : File C:\Users\ROUSHAN SHARMA\AppData\Roaming\npm\json-server.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see
TypeScript
0 vote264 views2 answers
C++ map key exists
TypeScript
0 vote243 views1 answer
Cannot find module '@tns-core-modules/application-settings' or its corresponding type declarations.
TypeScript
1 vote225 views1 answer
Ts array key value
TypeScript
1 vote258 views1 answer
Explain the concept of Dangling Pointer and Null Pointer with Examples? Provide brief details of the scenarios in which pointer acts as dangling pointer.
TypeScript
0 vote250 views1 answer
If its past 24 hrs *laravel
TypeScript
1 vote258 views1 answer
Typescript Error: Property 'files' does not exist on type 'HTMLElement'
TypeScript