Olá pessoal, tenho um problema e não sei bem como lidar com ele de uma forma que seja agradavel a visualição dá pagina. vamos lá para problema em si, eu preciso fazer uma requisição para api que me retorna uma objeto nesse objeto possui um outro objeto de array com uma lista de ids eu preciso executar get para cada id desse array e mostra para usuario na tela. Com sigo exbir os dados para o usuario porem quando carregar o component vai ataulizando os dados, gostaria de pode exibir todos dados de uma unica vez, ou fazer componente esperar laço de repetição que executar a consulta na api com cada id.
exemplo:primeira consulta objeto:
response : {
id: 1,
name: 'fulano',
phone: [
{
id: 321,
phone: 123456
},
{
id: 322,
phone: 123456
},
{
id: 323,
phone: 123456
},
]com esse objeto de exemplo eu faço uma consulta dessa forma:
this.serviceFirst(id).subscribe(response => {
response.phone.foreach(element => {
this.service.getDetails(element.id).subscribe(resp =>{
aqui faço push para uma variavel
})
})
})dessa forma que estou fazendo, o templante carrega e mostra 1 a 3 dados instantaneo porém depois carregar mais 5. alguém saberia lidar melhor com tal problema?
