Skip to main content
mostrar console.log con JSON stringify
Origen Enlace
Darklawz
  • 125
  • 3
  • 11

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

JSON stringify

tableArray
Array(2)
0:
name[{"name": "Estado 1"
series: Array(7)
0,"series": [{name"name": Tue Feb 23 2021 00"2021-02-23T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "2"}
1: ,{name"name": Mon Feb 22 2021 00"2021-02-22T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "7"}
2: ,{name"name": Fri Feb 19 2021 00"2021-02-19T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "1"}
3: ,{name"name": Fri Jan 22 2021 00"2021-01-22T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "1"}
4: ,{name"name": Tue Jan 19 2021 00"2021-01-19T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "3"}
5: ,{name"name": Tue Jan 12 2021 00"2021-01-12T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "1"}
6: ,{name"name": Wed Jan 06 2021 00"2021-01-06T06:00:00 GMT-0600 (hora estándar central).000Z", value"value": "3"}
length: 7
__proto__: Array(0)
__proto__: Object
1:
name]},{"name": "Estado 2"
series: Array(7)
0,"series": [{name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value"value": 1}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value{"value": 2}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value{"value": 0}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value{"value": 0}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value{"value": 0}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value{"value": 0}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value{"value": 0}
length: 7
__proto__: Array(0)
__proto__: Object
length: 2
__proto__: Array(0)]}]

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

tableArray
Array(2)
0:
name: "Estado 1"
series: Array(7)
0: {name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value: "2"}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value: "7"}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value: "3"}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value: "3"}
length: 7
__proto__: Array(0)
__proto__: Object
1:
name: "Estado 2"
series: Array(7)
0: {name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value: 1}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value: 2}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
length: 7
__proto__: Array(0)
__proto__: Object
length: 2
__proto__: Array(0)

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

JSON stringify

[{"name":"Estado 1","series":[{"name":"2021-02-23T06:00:00.000Z","value":"2"},{"name":"2021-02-22T06:00:00.000Z","value":"7"},{"name":"2021-02-19T06:00:00.000Z","value":"1"},{"name":"2021-01-22T06:00:00.000Z","value":"1"},{"name":"2021-01-19T06:00:00.000Z","value":"3"},{"name":"2021-01-12T06:00:00.000Z","value":"1"},{"name":"2021-01-06T06:00:00.000Z","value":"3"}]},{"name":"Estado 2","series":[{"value":1},{"value":2},{"value":0},{"value":0},{"value":0},{"value":0},{"value":0}]}]
array en texto
Origen Enlace
Darklawz
  • 125
  • 3
  • 11

Le hice tambien un console.log(JSON.stringify) introducir la descripción de la imagen aquí

tableArray
Array(2)
0:
name: "Estado 1"
series: Array(7)
0: {name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value: "2"}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value: "7"}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value: "3"}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value: "3"}
length: 7
__proto__: Array(0)
__proto__: Object
1:
name: "Estado 2"
series: Array(7)
0: {name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value: 1}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value: 2}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
length: 7
__proto__: Array(0)
__proto__: Object
length: 2
__proto__: Array(0)

Le hice tambien un console.log(JSON.stringify) introducir la descripción de la imagen aquí

tableArray
Array(2)
0:
name: "Estado 1"
series: Array(7)
0: {name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value: "2"}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value: "7"}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value: "3"}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value: "1"}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value: "3"}
length: 7
__proto__: Array(0)
__proto__: Object
1:
name: "Estado 2"
series: Array(7)
0: {name: Tue Feb 23 2021 00:00:00 GMT-0600 (hora estándar central), value: 1}
1: {name: Mon Feb 22 2021 00:00:00 GMT-0600 (hora estándar central), value: 2}
2: {name: Fri Feb 19 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
3: {name: Fri Jan 22 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
4: {name: Tue Jan 19 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
5: {name: Tue Jan 12 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
6: {name: Wed Jan 06 2021 00:00:00 GMT-0600 (hora estándar central), value: 0}
length: 7
__proto__: Array(0)
__proto__: Object
length: 2
__proto__: Array(0)

mostrar console.log con JSON stringify
Origen Enlace
Darklawz
  • 125
  • 3
  • 11

estoy intentando hacer una tabla con angular obteniendo los datos de un arreglo que contiene otros arreglos anidados como se muestra en la siguiente imagen:

introducir la descripción de la imagen aquí

Le hice tambien un console.log(JSON.stringify) introducir la descripción de la imagen aquí

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

Y estoy Utilizando un ngFor para recorrer el arreglo y mostrar los datos en una tabla con el siguiente código:

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

 <tbody>
<tr *ngFor="let estado1 of Array[0].series; let i = index">
     <td>{{estado1.name | date:'yyyy/MM/dd'}}</td>
     <td>{{estado1.value}}</td>
   <tr *ngFor="let estado2 of Array[1].series; let i = index">
       <td>{{estado2.name | date:'yyyy/MM/dd'}}</td>
       <td>{{estado2.value}}</td>
       <td>{{estado2.value}} + {{estado1.value}} </td>
     </tr>
 </tr>
</tbody>

Cuando ejecuto este código me da error no me muestra la tabla que quiero hacer, disculpen mi ignorancia no se que estoy haciendo mal o cual es la forma de correcta de recorrer con ngFor con arreglos anidados.

estoy intentando hacer una tabla con angular obteniendo los datos de un arreglo que contiene otros arreglos anidados como se muestra en la siguiente imagen:

introducir la descripción de la imagen aquí

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

Y estoy Utilizando un ngFor para recorrer el arreglo y mostrar los datos en una tabla con el siguiente código:

<tr *ngFor="let estado1 of Array[0].series; let i = index">
     <td>{{estado1.name | date:'yyyy/MM/dd'}}</td>
     <td>{{estado1.value}}</td>
   <tr *ngFor="let estado2 of Array[1].series; let i = index">
       <td>{{estado2.name | date:'yyyy/MM/dd'}}</td>
       <td>{{estado2.value}}</td>
       <td>{{estado2.value}} + {{estado1.value}} </td>
     </tr>
 </tr>

Cuando ejecuto este código me da error no me muestra la tabla que quiero hacer, disculpen mi ignorancia no se que estoy haciendo mal o cual es la forma de correcta de recorrer con ngFor con arreglos anidados.

estoy intentando hacer una tabla con angular obteniendo los datos de un arreglo que contiene otros arreglos anidados como se muestra en la siguiente imagen:

introducir la descripción de la imagen aquí

Le hice tambien un console.log(JSON.stringify) introducir la descripción de la imagen aquí

Estoy haciendo esta estructura de tabla: introducir la descripción de la imagen aquí

Y estoy Utilizando un ngFor para recorrer el arreglo y mostrar los datos en una tabla con el siguiente código:

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

 <tbody>
<tr *ngFor="let estado1 of Array[0].series; let i = index">
     <td>{{estado1.name | date:'yyyy/MM/dd'}}</td>
     <td>{{estado1.value}}</td>
   <tr *ngFor="let estado2 of Array[1].series; let i = index">
       <td>{{estado2.name | date:'yyyy/MM/dd'}}</td>
       <td>{{estado2.value}}</td>
       <td>{{estado2.value}} + {{estado1.value}} </td>
     </tr>
 </tr>
</tbody>

Cuando ejecuto este código me da error no me muestra la tabla que quiero hacer, disculpen mi ignorancia no se que estoy haciendo mal o cual es la forma de correcta de recorrer con ngFor con arreglos anidados.

se añadieron 146 caracteres en el cuerpo
Origen Enlace
Darklawz
  • 125
  • 3
  • 11
Loading
se eliminaron 46 caracteres en el cuerpo
Origen Enlace
Darklawz
  • 125
  • 3
  • 11
Loading
Origen Enlace
Darklawz
  • 125
  • 3
  • 11
Loading