Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

294
Vistas
if else en la sintaxis de la plantilla angular2

Angular2... ¿por qué y cómo?

¿Cómo ejecuto lo siguiente si la condición en angular2?

 <td *ngFor="let val of rows;let j=index"> IF J==0 <label>{{val}}</label> ELSE: <label style="color:#000000;font-size:12px;padding-top: 5px">{{val}}</label> </td>
about 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Puede usar la directiva estructural *ngIf con la sintaxis if-else para lograr este resultado.

 <label *ngIf="j === 0; else elseBlock">{{val}}</label> <ng-template #elseBlock> <label style="color:#000000;font-size:12px;padding-top: 5px">{{val}}</label> </ng-template>

Otra opción es usar dos bloques *ngIf e invertir el condicional, así:

 <label *ngIf="j === 0">{{val}}</label> <label *ngIf="j !== 0" style="color:#000000;font-size:12px;padding-top:5px">{{val}}</label>
about 4 years ago · Santiago Trujillo Denunciar

0

Si planea actualizar a Angular 4, puede usar la nueva plantilla if / else que incluye esta versión. Ejemplo:

 <div *ngIf="someCondition; else falsyTemplate"> <h1>Condition Passed!</h1> </div> <ng-template #falsyTemplate> <h1>Condition Failed!</h1> </ng-template>

Consulta los siguientes enlaces útiles:

  • http://angularjs.blogspot.it/2017/03/angular-400-now-disponible.html
  • http://tylerscode.com/2017/03/angular-4-ngifelse/
  • https://medium.com/aviabird/ngif-else-lands-in-angular-2-0-a242940e54ff

Yo personalmente recomendaría actualizar a Angular 4.

about 4 years ago · Santiago Trujillo Denunciar

0

Puede hacer esto en Angular 2 usando el elemento <ng-container> . En tu ejemplo debería ser algo como esto:

 <td *ngFor="let val of rows;let j=index"> <ng-container *ngIf="J==0"> <label>{{val}}</label> </ng-container> <ng-container *ngIf="J!=0"> <label style="color:#000000;font-size:12px;padding-top: 5px">{{val}} </label> </ng-container> </td>

Puede encontrar más información en los documentos: https://angular.io/guide/structural-directives#ng-container-to-the-rescue .

about 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda