Cambie mi código de ngModel a ReactiveForms () para agregar validaciones. Pero ahora el valor de 'distrito' se muestra en el html solo a veces de forma aleatoria. Console log siempre muestra el valor. Creo que es un problema con los http gets. Tengo que esperar a que termine 'this.ubigeoService.listaDistritos' antes de asignar un valor a 'distrito'. ¿Cómo podría resolver esto?
busca(cliente: Cliente) {
this.ubigeoService
.listaProvincias(cliente.ubigeo?.departamento)
.subscribe((response) => (this.provincias = response)).;
this.ubigeoService
.listaDistritos(
cliente.ubigeo?.departamento,
cliente.ubigeo?.provincia
)
.subscribe((response) => (this.distritos = response));
this.clienteForm.patchValue({
idCliente: cliente.idCliente,
nombres: cliente.nombres,
apellidos: cliente.apellidos,
correo: cliente.correo,
direccion: cliente.direccion,
estado: cliente.estado,
ubigeo: {
idUbigeo: cliente.ubigeo?.idUbigeo,
departamento: cliente.ubigeo?.departamento,
provincia: cliente.ubigeo?.provincia,
distrito: cliente.ubigeo?.distrito
},
});
console.log(this.clienteForm.get('ubigeo').get('distrito').value);
}