Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

296
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

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 Relatório

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda