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

24 votes207 views4 answers
NgFor
TypeScript
1 vote187 views1 answer
Ng : File C:\Users\Sriram\AppData\Roaming\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
6 votes147 views3 answers
Get all documents in collection firestore
TypeScript
0 vote151 views1 answer
Install dependencies angular
TypeScript
8 votes159 views3 answers
Update local angular cli
TypeScript
0 vote219 views1 answer
Powershell see ports in use
TypeScript
0 vote154 views1 answer
If exits python sql
TypeScript
0 vote155 views1 answer
Java delete contents of file
TypeScript
1 vote168 views1 answer
Ts class static function call inside class extends
TypeScript
0 vote149 views1 answer
How remove decimal points in java
TypeScript