[Bug] Comentário não aparece na tela mesmo reiniciando a página | Angular parte 3: upload, build e novos componentes

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

Referente ao curso Angular parte 3: upload, build e novos componentes, no capítulo Comentando fotos e atividade Comentando fotos

por Ingrid Midori Costa Obana

| 31.1k xp | 5 posts

Analista de Sistemas

Olá!

Encontrei um problema ao tentar adicionar meu comentário a foto. Quando faço a requisição POST, dá tudo certo, o comentário é enviado corretamente. Porém, o response dele está me devolvendo o campo "text": null, fazendo com que este comentário recém adicionado não apareça na tela, mesmo reiniciando a página.

Request URL: http://localhost:3000/photos/18/comments Request Method: POST Status Code: 200 OK

Meu payload: "aaaaaaaaaaaaa"

print-payload

Meu response: {"date":1677203213694,"text":null,"userName":"flavio"} print-response

print-tela

link do projeto [github]: https://github.com/midoriobana/alurapic

2 respostas

solução!

por DIEGO CARLOS MARTINS GAYOSO

| 117.3k xp | 184 posts

Instrutor

06/03/2023

Olá Ingrid, tudo bom?

Faz uma pequena correção no seu método .addComment dentro do PhotoService.

Como parâmetro do método post, ele espera receber o endPoint e um objeto contendo o comentário, portanto:

  addComment(photoId: number, commentText: string) {
    return this.http.post(
      API + '/photos/' + photoId + '/comments',
      { commentText: commentText }
    )
  }

No seu código, você está passando somente o comentário:

    addComment(photoId: number, commentText: string) {
        return this.http.post(`${environment.API_URL}/${this.endpoint}/${photoId}/comments`, commentText)
    }

Por isso o retorno como null.

Espero ter ajudado.

Bons estudos.

por Ingrid Midori Costa Obana

| 31.1k xp | 5 posts

Analista de Sistemas

06/03/2023

Boa tarde, Diego! Tudo bem e com você? Obrigada pela correção, agora deu certo!