Saltar al contenido

angular ngif else if ejemplo de código

Nuestros programadores estrellas han agotado sus reservas de café, buscando día y noche por la resolución, hasta que Elisa encontró el arreglo en GitHub por lo tanto hoy la comparte contigo.

Ejemplo 1: ngif else

<div*ngIf="isLoggedIn; else loggedOut">
  Welcome back, friend.
div><ng-template#loggedOut>
  Please friend, login.
ng-template>

Ejemplo 2: ng if else

<div*ngIf="condition; else elseBlock">Content to render when condition is true.div><ng-template#elseBlock>Content to render when condition is false.ng-template>

Ejemplo 3: ngif usando múltiples elseif

<ng-container*ngIf="foo === 1;else second">ng-container><ng-template#second><ng-container*ngIf="foo === 2;else third">ng-container>ng-template><ng-template#third>ng-template>

Ejemplo 4: ngIf else

content_copy
      
      <div*ngIf="condition; then thenBlock else elseBlock">div><ng-template#thenBlock>Content to render when condition is true.ng-template><ng-template#elseBlock>Content to render when condition is false.ng-template>

Ejemplo 5: ngif else

<ng-container*ngIf="isLoggedIn; then loggedIn; else loggedOut">ng-container><ng-template#loggedIn><div>
    Welcome back, friend.
  div>ng-template><ng-template#loggedOut><div>
    Please friend, login.
  div>ng-template>

Ejemplo 6: ngif

<div*ngIf="condition; else elseBlock"><buttonclass="xx"*ngIf="flag"(click)="doFunct()">Nextbutton>
   
--While (t/f boolean variable called "flag") is true
  This button will be visible + click button executes function
  Once this "flag" becomes false this button disapears

Comentarios y calificaciones

Si aceptas, tienes el poder dejar una sección acerca de qué te ha impresionado de esta sección.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *