0

Estou com um problema, preciso transformar um objeto JSON que recebo do meu backend para um objeto.

Estou recebendo esse JSON

{"content": [{"id": 1, "nomebd": "teste", "email": "[email protected]"}, {"id": 2, "nomebd": "oi", "email": "oi"}, {"id": 3, "nomebd": "joao", "email": "tg"}, {"id": 4, "nomebd": "joao1", "email": "tg1"}, {"id": 5, "nomebd": "kkkkk", "email": "kkk"}, {"id": 6, "nomebd": "dae", "email": "dae"}, {"id": 7, "nomebd": "coe", "email": "coe"}, {"id": 8, "nomebd": "dadadad", "email": "dadadadada"}]}

ao utilizar o seguinte código

this.service.getConfig()
.subscribe(dados => this.cursos = dados)

o getConfig() vem do meu serviço que é

  getConfig() {
    return this.http.get<Curso[]>(this.url)
  }

Gostaria de saber como faço pra transformar esse json em um objeto pra ler com *ngFOR no ANGULAR

1
  • 1
    Ele já vem convertido. Tenta fazer assim: this.service.getConfig().subscribe(dados => this.cursos = dados.content) 19/03/2019 às 10:33

2 Respostas 2

0

Se esse JSON que voce recebe esta em formato String voce tem quem fazer um perse JSON.

this.service.getConfig()
.subscribe(dados => this.cursos = JSON.parse(dados))

pelo que vi no formato de JSON voce vai ter que colocar o *ngFor="curso of cursos.content"

porque o content é o array a ser iterado, o ngFor itera sobre arrays.

ou então você pega so o array

this.service.getConfig()
.subscribe(dados => this.cursos = dados.content)

dai o ng for fica "curso of cursos"

4
  • não funcionou não, brother, nenhum dos 2 exemplos :( 19/03/2019 às 23:04
  • Argument of type 'Curso[]' is not assignable to parameter of type 'string'. quando tento dar o parse .subscribe(dados => this.cursos = JSON.parse(dados)) 19/03/2019 às 23:05
  • você tentou esse: this.service.getConfig().subscribe(dados => this.cursos = dados.content) e depois iterar o for direto no cursos? pode tentar assim também: this.service.getConfig() .subscribe(dados => this.cursos = JSON.parse(dados).content) 20/03/2019 às 13:02
  • 1
    Resolvido, coloquei; dados = this.cursos = dados ["content"] 20/03/2019 às 22:33
0

Como você pode ver nas saídas no console o tipo destes dados é um objeto, que você pode saber facilmente utilizando o operador typeof.

let dados = {"content": [
    {"id": 1, "nomebd": "teste", "email": "[email protected]"},
    {"id": 2, "nomebd": "oi", "email": "oi"},
    {"id": 3, "nomebd": "joao", "email": "tg"},
    {"id": 4, "nomebd": "joao1", "email": "tg1"},
    {"id": 5, "nomebd": "kkkkk", "email": "kkk"},
    {"id": 6, "nomebd": "dae", "email": "dae"},
    {"id": 7, "nomebd": "coe", "email": "coe"},
    {"id": 8, "nomebd": "dadadad", "email": "dadadadada"}
]}

console.log(typeof dados);
console.log(dados.content);
    

Agora quanto ao *ngFor você pode atribuir o retorno em uma variável e iterar seus valores todos:

dadosAPI;

this.service.getConfig()
.subscribe(dados => this.dadosAPI = dados.content)   // itera no objeto todo

=======================

this.service.getConfig()
.subscribe(dados => this.dadosAPI = dados.content.id)   // itera só nos ids

HTML

<ul *ngFor="let dados of dadosAPI">
  <li>{{ dados.id }}</li>
  <li>{{ dados.nomebd }}</li>
  <li>{{ dados.email }}</li>
</ul>
2

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .