Skip to main content
4 de 4
se añadieron 6 caracteres en el cuerpo
hawks
  • 3.5k
  • 1
  • 6
  • 16

Tienes que verlo como una colección de objetos el array "principal" y luego cada objeto en la propiedad series contiene otra lista de objetos.

[
 {
    name: "x",
    series: [{...}, {...}, ....] // el ngFor de dentro itera estos datos
 },
 {
    name: "y",
    series: [{...}, {...}, ....]
 },
] // Array de objetos

He llamado items a la colección de objetos, deberías cambiarla con la variable que tengas en el component.ts.

<table>
 <thead>
  <tr>
    <th>Fecha</th>
    <th>Estado 1</th>
    <th>Estado 2</th>
    <th>Total</th>
  </tr>
 </thead>

<tbody>

   <ng-container *ngFor="let item of items; let i = index">
     <tr *ngFor="let serie of item.series; let j = index">
       <td>{{serie.name | date:'yyyy/MM/dd'}}</td>
       <td>{{serie.value}}</td>
       <td>{{item.series.length}}</td>
     </tr>
   </ng-container>
</tbody>
</table>

He actualizado mi respuesta, para adaptarlo a la imagen de la tabla. La columna (Estado 2) no se que valor debería tener.

hawks
  • 3.5k
  • 1
  • 6
  • 16