En este caso dataPH solo trae el nombre, el cual lo quiero mostrar en el input nombres. (quiero realizar un editar).
// variable donde se guarda el nombre traído desde servicio
nombresValue! : string;
// formulario inicializado ya que sirve para capturar información (este código no lo muestro pero sirve para capturar datos por eso lo inicializo vacío)
formInfoCotizante: FormGroup = this.fb.group ({
nombres : ['', [Validators.required]],
apellidos : ['', [Validators.required]],
email : ['', [Validators.required]],
identificacion : ['', [Validators.required]],
fechaNacimiento : ['', [Validators.required]],
fechaEntrada : ['', [Validators.required]],
fechaSalida : ['', [Validators.required]],
cantidadAdultos : ['', [Validators.required]],
cantidadNiños : ['', [Validators.required]],
cantidadInfantes: ['', [Validators.required]],
destino : ['', [Validators.required]],
observaciones : ['', [Validators.required]]
})
// el servicio se llama ServicioDatosPadreHijoService
constructor(private fb: FormBuilder,
private _servicioDatos: ServicioDatosService,
private _servicioDatosPadreHijo: ServicioDatosPadreHijoService) {}
ngOnInit(): void {
this._servicioDatosPadreHijo.disparadorDeDatosPadreHijo.subscribe(dataPH => {
console.log('data1', dataPH);
this.nombresValue = dataPH.dataPH;
// desde la consola me muestra el nombre traído desde el servicio
console.log(this.nombresValue);
// se supone que debería cambiar el valor por el valor nombre traido del servicio pero no lo
// hace el formulario se muestra vacío y la variable nombre toma el valor undefined.
this.formInfoCotizante.patchValue({ nombres: this.nombresValue })
})
}
Este es el servicio
@Injectable({
providedIn: 'root'
})
export class ServicioDatosPadreHijoService {
@Output() disparadorDeDatosPadreHijo: EventEmitter<any> = new EventEmitter();
constructor() { }
}