1

Estou retornando da minha API um número inteiro, e então, com o angular preciso mostrar esse valor como padrão nesta tag:

<input type="text" formControlName="pacienteId" class="form-control">

Sei que para inicializar formulários com valores de um objeto utiliza-se [(ngModel)]="objeto.propriedade" porém como eu poderia retornar da minha API esse número inteiro utilizando o service do angular?

Este é o meu service:

currentId(): any {
  return this.http.get<number>(`${this.baseURL}/currentId`)
}
6
  • o que retorna dessa url? ${this.baseURL}/currentId? 15/07/2021 às 13:57
  • Retorna um número inteiro
    – MenesesH3
    15/07/2021 às 13:59
  • No component onde chama esse service você pode criar uma função para chamá-lo: ex: currentId().then( response => this.pacienteId = response ) Ai chamar a função que você criar no init do component 15/07/2021 às 14:02
  • Eu quero mostrar esse número inteiro que retorna desta URL sempre que inicializar o formulário
    – MenesesH3
    15/07/2021 às 14:03
  • na verdade seria no seu form: currentId().then( response => this.seuForm.pacienteId.setValue( response ) ) 15/07/2021 às 14:05

1 Resposta 1

3

Considerando o comentário que você fez que sua URL retorna um número inteiro e então seria mais ou menos assim

service.ts

currentId(){
   return this.http.get(`${this.baseURL}/currentId`)
}

No component onde você chama aquele service e monta o formulário seria mais ou menos assim:

component.ts

import { FormControl, FormGroup } from '@angular/forms';

export class SeuComponent implements OnInit {
  formCad: FormGroup
  constructor(private _seuService: SeuService) { }

   ngOnInit(){
        this.formCad = new FormGroup({
                pacienteId: new FormControl('')
             })

         this.getcurrentId()
    }
    getcurrentId(){
         this._seuService
             .currentId()
             .subscribe( response => {
                    this.formCad.controls.pacienteId.setValue( response)
              })
      }
}

Espero que possa ajudar

2
  • Ajudou muito cara, muito obrigado, só fiz uma simples modificação. No lugar do 'then()' coloquei o método subscribe.
    – MenesesH3
    15/07/2021 às 17:16
  • Isso mesmo.... eu que esqueci rs 15/07/2021 às 17:47

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 .