Estoy haciendo una peticion http a mi api en la que que me devuelve una lista de objetos de la siguiente forma:
this.usuarioService.getAll().subscribe(
usuarios => {
console.log("USUARIOS = ",usuarios);
});
He intentado esto :
this.usuarioService.getAll().subscribe(
usuarios => {
console.log("USUARIOS = ",usuarios);
this.lista_usuario = JSON.parse(usuarios);
});
pero no me lo parsea, este error me da:
ERROR in src/app/listar-usuarios/listar-usuarios.component.ts(43,39): error TS2345: Argument of type 'Object' is not assignable to parameter of type 'string'.
Este es el servicio que con el que uso las peticiones http:
getAll() {
return this.http.get(this.url+'/all').pipe(map(res => res));
}
En definitiva, quiero parsear las peticiones http al objeto en cuestion para no ir haciendo parseos innecesarios y tambien, obviamente, buscar la forma correcta de parsearlos porque no lo consigo solucionar.
Decir que las peticiones me devuelven correctamente los datos, pero los quiero devolver ya como el objeto Usuario que esto usando en las paginas de mi app.
La vista seria algo como :
<tr *ngFor="let usuario of lista_usuarios;let i = index">
<td>{{usuario.nombre}}</td>
<td>{{usuario.apel_1}}</td>
<td>{{usuario.apel_2}}</td>
<td>{{usuario.email}}</td>
<td>{{usuario.fecha_nacimiento}}</td>
<td class="text-center"><a class="btn btn-danger">Borrar</a></td>
</tr>
Pero me sigue dando error :
ERROR Error: "Error trying to diff '[object Object]'. Only arrays and iterables are allowed"
Angular 7
View_ListarUsuariosComponent_0 ListarUsuariosComponent.html:26
Angular 24
RxJS 5
Angular 9
ListarUsuariosComponent.html:26:8
ERROR CONTEXT
Object { view: {…}, nodeIndex: 34, nodeDef: {…}, elDef: {…}, elView: {…} }
ListarUsuariosComponent.html:26:8
View_ListarUsuariosComponent_0 ListarUsuariosComponent.html:26
Angular 16
RxJS 5
Angular 9
emit
checkStable
onLeave
onInvokeTask
invokeTask
runTask
invokeTask
invokeTask
globalZoneAwareCallback
El subscribe
de usuarios me da el json() pero al almacenarlo en el array y luego hace un console.log()
del array me sale vacio
this.http
es una instancia de HttpClient? En ese caso ya está parseado, por eso te falla – Pablo Lozano el 3 abr. 19 a las 14:51lista_usuario: string
en lugar delista_usuario: any
o el tipo que le toque ser o tuthis.url
es de tipo object y no string como piensas. – devconcept el 3 abr. 19 a las 14:55lista_usuario = new Array<Usuario>();
` – josanangel el 3 abr. 19 a las 14:56this.lista_usuario = usuarios;
– josanangel el 3 abr. 19 a las 14:57