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

119
Vistas
columna de verificación angular en el bucle matCellDef

¿Cómo verificamos una columna en un ng for loop en angular? por ejemplo, no quiero aplicar la lógica a continuación, que es {{element[p.key] != null ? '$': ''}} a la columna 1 o excepto a la columna 1

ingrese la descripción de la imagen aquí

#código HTML

 <table mat-table [dataSource]="bovDemos" class="mat-elevation-z0"> <ng-container *ngFor="let p of marketDemographicsTableLabel; last as l" matColumnDef="{{p.key}}"> <th mat-header-cell *matHeaderCellDef class="fs-12px">{{p.label}}</th> <ng-container > <td mat-cell *matCellDef="let element; index as i" [ngClass]="{'border-none': i === bovDemos.length - 1}" class="fs-12px"> {{element[p.key] != null ? '$' : ''}}{{(element[p.key]) ? (element[p.key] | number): '-'}}</td> </ng-container> </ng-container> <tr mat-header-row *matHeaderRowDef="tableMarketDemographicsHeaders"></tr> <tr mat-row *matRowDef="let row; columns: tableMarketDemographicsHeaders;" class="cursor-default"> </tr> </table>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Ha establecido "índice como i", por lo que puede usar "i" para detectar el primer td.

 <span *ngIf="i===0"> ..this is first column </span> <span *ngIf="i!==0"> {{element[p.key] != null ? '$' : ''}}{{(element[p.key]) ? (element[p.key] | number): '-'}} </span>
about 4 years ago · Juan Pablo Isaza 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