La tabla de material angular no muestra datos actualizados de la fuente de datos

Si encuentras algún detalle que no entiendes puedes dejarlo en la sección de comentarios y te responderemos lo más rápido posible.

Solución:

La referencia a la fuente de datos sigue siendo la misma, por lo que el material no sabe que su fuente cambió.

Tratar

this.dataSource = [...this.data];

Stackblitz bifurcado

O usar BehaviorSubject me gusta:

dataSource = new BehaviorSubject([]);

onAdd($event)
  this.data.push(name: this.currentText);
  console.log(this.data);
  this.dataSource.next(this.data);

Stackblitz bifurcado

En lugar de presionar, use concat para que la tabla sepa que modificó el objeto

   this.data = this.data.concat([name: this.currentText]);

valoraciones y comentarios

Si para ti ha sido de utilidad este artículo, sería de mucha ayuda si lo compartes con más desarrolladores de esta manera nos ayudas a difundir esta información.

---

---

Utiliza Nuestro Buscador