Tengo el siguiente problema en Angular. Si tengo dos páginas A y B, cada una de las cuales contiene una tabla. Luego realizo cambios en la página A en la tabla y luego navego a la página B. Ahora espero que cuando vuelva a navegar a la página A, los cambios sigan ahí. No quiero enviar los cambios a la base de datos hasta que haga clic en el botón Guardar. ¿Cuál es la mejor manera de resolver esto en angular?
No recomiendo usar localStorage para su tarea si desarrolla una aplicación SPA, porque localStorage / sessionStorage es limitado y está diseñado para otros fines, como autenticación, etc. Pero, por supuesto, si necesita conservar sus datos, como cookies/JWT token, etc. incluso después de actualizar la página, puede usar localStorage .
Recomiendo usar los servicios de Angular para esto: consulte los ejemplos en docs Services/DI docs . Una vez que registró el servicio como un servicio singleton Singleton , puede inyectarlo a través de DI (Inyección de dependencia) incorporado en el componente que representa su tabla en la página A. Pero, por supuesto, no está limitado en la inyección solo en el componente que se encuentra en la página A, puede inyectarlo incluso en la página B, etc.
Si solo desea conservar los datos para esta única instancia, definitivamente busque usar un Servicio y escribir sus datos en el localstorage para que persistan en las actualizaciones de la página.
Si está desarrollando un SPA, entonces no estoy seguro de por qué necesita que persista durante una actualización de página, ya que moverse entre componentes en realidad no envía una nueva solicitud HTTP. Su declaración debe conservarse en su Servicio.
Si necesita administrar el estado en toda su aplicación y desea hacerlo de manera reactiva, le recomiendo que consulte NGRX.
Otra alternativa que tal vez tiene un poco menos de repetitivo es NGXS, que hace lo mismo que NGRX.