Angular 10 NgTemplateOutlet Directiva

En este artículo vamos a ver qué es NgTemplateOutlet en Angular 10 y cómo usarlo.

NgTemplateOutlet NgTemplateOutlet agrega el elemento de referencia que se muestra en la página.

Sintaxis:

<li *NgTemplateOutlet='condition'></li>

NgModule: el módulo utilizado por NgTemplateOutlet es:

• CommonModule

Selectores:

• [NgTemplateOutlet]

Acercarse: 

• Cree una aplicación angular para usar.
• No hay necesidad de ninguna importación para que se use el NgIf.
• en app.component.html agregue la directiva NgTemplateOutlet al elemento con su referencia.
• Sirva la aplicación angular usando ng serve para ver el resultado.

Ejemplo 1:

<ng-container *ngTemplateOutlet="gfg"></ng-container>
  
<ng-template #gfg>
    <h1>GeeksforGeeks</h1>
  
    <div>
        ngTemplateOutlet Directive
    </div>
</ng-template>

Producción:

Ejemplo 2:

<div *ngTemplateOutlet="gfg"></div>
  
<ng-template #gfg>
    <h1>
        GeeksforGeeks
    </h1>
    <div>
        We can also use ngTemplateOutlet Directive with a div 
    </div>
</ng-template>

Producción:

Referencia: https://angular.io/api/common/NgTemplateOutlet