Soy algo nuevo en esto, y no he podido encontrar una solución. Me gustaría sumar los valores de un campo llamado Towel
, estoy usando una tabla dinámica en donde obtengo el campo a partir de otras funciones, utilizo Angular y Firestore.
El campo lo obtengo y lo almaceno en:
item10: string = 'Towel';
En donde para poder sumar, estaba usando este código:
view() {
this.total = this.transactions.map(t => t.item10).reduce((acc, value) => acc + value, 0);
return this.total; }
Sé que si escribo t.Towel
en vez de t.item10
me suma correctamente, pero como el valor Towel
es un valor que el usuario ingresa, hace que estos datos sean dinámicos.
La idea es usar la variable item10
.
Adjunto un stackblitz que hice como ejemplo: https://stackblitz.com/edit/angular-cpvwqw?file=src%2Fapp%2Ftable-multiple-header-footer-example.ts
De antemano muchas gracias por su ayuda.
item10
es de tipo cadena (string
):item10: string = 'Towel';
Luego obtienes unArray
cuando haces lo siguiente:this.transactions.map(t => t.item10)
. Todos los elementos de esteArray
son cadenas cuyo valor esTowel
, como lo siguiente:[ 'Towel', 'Towel', ... ]
. Sobre esteArray
estás aplicando el métodoreduce()
que devuelve la "suma" de sus elementos, con un elemento inicial establecido en 0. Pero al ser todos los elementos de tipo cadena, el resultado es una concatenación: `0TowelTowelTowel...'. ¿Logras ver el error ahora? Saludos