0

Guardar el valor del array observable en un array local y poder usarlo para añadir más usuarios, ya que, el servidor remoto http://jsonplaceholder.typicode.com/users no permite editar los datos, es de prueba.

user.component.ts

users: User[];

getUsers() {
  return this.userService.getUsers().subscribe(users => this.users = users);
}

user.service.ts

getUsers(): Observable<User[]> {
  return this.http.get<User[]>('http://jsonplaceholder.typicode.com/users');
}

No sé si voy mal encaminado, pero la idea que tengo sería obtener los datos de la base de datos remota sólo cuando la variable del array local esté vacío y a partir de ahí, manipular los datos desde dicha variable local.

getUsers() {
  if (this.users == null) {
    this.users = this.userService.getUsers()
                                 .subscribe(users => this.users = users as User[]);
  }
  return this.users;
}
10
  • Quieres guardar lo que te devuelve el json en local para luego poder editar, añadir y eliminar?
    – lDanny7
    Commented el 26 jun. 2018 a las 12:57
  • Efectivamente, coger los datos que me da la base de datos remota y guardarlos en un array local y poder hacer un push en caso de querer añadir un nuevo usuario. Porque la propia base de datos no soporta un crud, simplemente es para consultar.
    – Rawsky
    Commented el 26 jun. 2018 a las 12:59
  • Tu código hace eso ¿cuál es el problema? Commented el 26 jun. 2018 a las 13:16
  • El código que muestro funciona, pero recoge los datos de la base de datos remota siempre. Entonces, ahora quiero añadir una nueva funcionalidad que sería agregar un nuevo usuario, pero de forma predeterminada no puedo hacerlo con la base de datos remota, por ello, quiero guardar el json que obtengo de usuarios en una variable local de array. Espero que se entienda.
    – Rawsky
    Commented el 26 jun. 2018 a las 13:21
  • Como dice @Pablo, tu código ya lo hace, es decir, en la variable "this.users" ya tienes el array con los usuarios recuperados de esa BD remota. Sin embargo, piensa que ese array y esa base de datos no están conectadas, y que si haces un push() (añadir) o cualquier otro tipo de operación, no se verá reflejado. También ten en cuenta que si actualizas o refrescas la página, al estar trabajando con datos en memoria, ese array no será persistente y perderás los datos que hayas añadido, modificado o borrado
    – Sema
    Commented el 26 jun. 2018 a las 13:26

1 respuesta 1

1

Si quieres almacenar los datos que te vienen del servidor remoto para luego modificarlas, la mejor manera es almacenarlo en el localstorage y a partir de ahi ya puedes editar, añadir o eliminar.

Ejemplo:

  getUsers() {
    if (localStorage.getItem('user') == undefined) {
      return this.http.get('https://jsonplaceholder.typicode.com/users').pipe(
            map(resultados => {

                localStorage.setItem('user', JSON.stringify(resultados));

              return resultados;
            }));
    }
    else {
      return Observable.of(JSON.parse(localStorage.getItem('user')));
    }
  }

Por lo que si quieres eliminar un usuario simplemente accedes al localstorage, borras el user que quieres y lo vuelves a guardar. Espero que te sirva

3
  • Gracias por la rápida respuesta. Voy a probarlo y te cuento.
    – Rawsky
    Commented el 26 jun. 2018 a las 14:01
  • Funciona a la perfección.
    – Rawsky
    Commented el 26 jun. 2018 a las 14:31
  • Me alegra que te funcione
    – lDanny7
    Commented el 26 jun. 2018 a las 14:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.