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>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>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:
Yo personalmente recomendaría actualizar a Angular 4.
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 .