Como faz para pegar esse valor da variavel user e colocar dentro do FormGroup? No .ts eu fiz assim:
ngOnInit(): void {
this.id = this.activatedRoute.snapshot.params['id'];
this.service.listById(this.id).subscribe(obj => this.user = obj);
//alert("Nome: " + this.user.name); // undefined!!
this.formEdit = this.formBuilder.group({
name: ['',[Validators.required, Validators.minLength(2), Validators.maxLength(256)]],
imageUrl: ['',[Validators.minLength(10)]],
email: ['',[Validators.required, Validators.minLength(8), Validators.maxLength(256)]],
page: ['',[Validators.minLength(8)]],
registrationDate: [this.date],
});
}
O id está chegando tranquilamente. Com interpolação eu consigo imprimir um "user.name", mas se eu der um alerta com "user.name" dentro do .ts, ele dá undefined.
listById(this.id)
é um Observable o que seria equivalente aPromise
do JavaScript, e o subscribe seria equivalente ao then, resumindo tudo, são todos métodosassíncronos
, ou seja, a resposta do servidor para onde foi feita a requisição pode ser rápida, demorar ou nem acontecer. Por isso quando da o alert() a variável estáundefined
, pq ela ainda não foi definida (preenchida com a resposta da API)!