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;
}
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