Possuo uma API que retorna os objetos JSON
da seguinte forma:
{
"data": [
{
"nome": "objeto1"
},
{
"nome": "objeto2"
},
]
}
Porém, ao receber os objetos no service
, eu não consigo pegar apenas os objetos, e me retorna um objeto que tem como propriedade uma variável data
array de objetos, o que é extremamente confuso e difícil de lidar.
Ao dar um console.log
no objeto recebido, me veio o seguinte retorno:
{data: Array(2)}
Service
(detalhe: tive que mudar o tipo de retorno em todos os lugares onde aparece Objeto
para any
):
const JSON_PATH = environment.path;
@Injectable({
providedIn: 'root'
})
export class ContaCorrenteService{
constructor(private http: HttpClient){ }
public listAll():Observable<Objeto[]>{
return this.http.get<Objeto[]>(BANK_ACCOUNT_PATH);
}
}
Objeto esperado:
export interface Objeto{
nome: string;
/* demais propriedades */
}
Em resumo: como converter aquele objeto recebido na chamada do HttpClient para array (para que, ao invés de eu passar o objeto como objetos.data
no foreach
, passar apenas como objetos
)?
array
de objetos antes de realizar o subscribe nos componentes que utilizarem oservice
, ao invés do objeto comarray
que estou recebendoconsole.log(JSON.stringify(objeto), null, ' ', false)
?