Estoy implementando el operador concatMap. Incluso antes de hacer eso, intenté hacer dos suscripciones una tras otra y funcionó. La primera suscripción se realiza en el campo de entrada del formulario y la segunda suscripción se realiza para la solicitud http. A continuación se muestra el código:
// AfterViewInit implementation // this.form is a formGroup with formControl city ngAfterViewInit() { this.form.valueChanges.pipe( map (val=>val.city), ).subscribe( val => {this.request(val)} ); } request(city){ this.httpClient.get(url, {params:{ ... }}).subscribe( value => { }, error => {} ); }El fragmento anterior hará una llamada http cada vez que se actualice el campo de entrada. Modifiqué ngAfterViewInit de la siguiente manera agregando concatMap:
ngAfterViewInit() { this.form.valueChanges.pipe( concatMap(val=> this.request(val.city)), ).subscribe(); }Ahora, las solicitudes no se realizan como se esperaba. La solicitud se realiza solo una vez por primera vez cuando se cambia la entrada. La segunda solicitud nunca se realiza para el campo de entrada actualizado. ¿Qué estoy haciendo mal aquí?
intente arreglar la función de solicitud como esta:
request(city){ return this.httpClient.get(url, {params:{ ... }}).pipe(tap( value => { }, error => {} )); } con esta solución, solo habrá una llamada de subscribe en toda la cadena y los operadores funcionarán como se esperaba.