0
189
VistasAgregar nombre de usuario desde el registro para completar un campo de datos de otra colección usando angular
Estoy tratando de agregar el nombre de usuario del usuario que firmó para completar un campo de datos de un formulario. Obtuve el nombre de usuario, sin embargo, no se coloca en la variable que se publicará en la base de datos. La función es la siguiente:
addMessage() { this.mocsignup.getUserProfile().subscribe((res) => { this.mocUserDetails = res['user']; }); let userDetail = this.mocUserDetails.username; console.log(userDetail); let formData: any = { username: this.form.value.userDetail, message: this.form.value.message, } this.messageService.postMessage(formData).subscribe((d) => { console.log(d); }); //window.location.reload(); } Este fragmento de código obtiene el nombre de usuario y lo guarda en la variable userDetail que se verifica mediante los resultados de console.log:
this.mocsignup.getUserProfile().subscribe((res) => { this.mocUserDetails = res['user']; }); let userDetail = this.mocUserDetails.username; console.log(userDetail); console.log results: 
Estos son los resultados esperados.
sin embargo, al intentar publicar en la base de datos utilizando el siguiente código:
let formData: any = { username: this.form.value.userDetail, message: this.form.value.message, } this.messageService.postMessage(formData).subscribe((d) => { console.log(d); }); No ingresa el nombre de username en la colección, sino que lo omite y envía el mensaje y el mensaje Fecha y hora:
Se supone que tiene un campo de nombre de username almacenado en los resultados anteriores. ¡Por favor ayuda!
2 Respuestas
Responde la pregunta0
Tenga en cuenta que tiene 2 variables userDetail diferentes:
- Uno que haya creado con
let userDetail = this.mocUserDetails.username; - Uno en forma
this.form.value.userDetail
Está almacenando datos en el primero, pero luego está haciendo referencia al segundo en formData . Intenta cambiar tu código de esta manera:
let formData: any = { username: userDetail , message: this.form.value.message, }0
Si getUserDetails() está haciendo una llamada a la API, entonces ese método sería asíncrono, si ese es el caso, el código no esperará a que la API devuelva el nombre de usuario y saltará al siguiente bloque de declaraciones. Entonces, si desea utilizar los resultados de getUserDetails() , mueva las declaraciones dentro del bloque del método, así
this.mocsignup.getUserProfile().subscribe((res) => { this.mocUserDetails = res['user']; let userDetail = this.mocUserDetails.username; console.log(userDetail); });