Tengo el siguiente código:
this.rolesService.addEmployeeRoles(addDtos).subscribe( () => { if (removeIds.length > 0) { this.rolesService.removeEmployeeRoles(removeIds).subscribe( this.bsModalRef.hide, error => console.log('error' + error)); } else this.bsModalRef.hide(); }, error => console.log('error' + error)); ¿Cómo se puede reescribir esto para que no tenga que usar suscripciones anidadas? Estaba mirando ejemplos en línea, pero no estoy seguro de cómo manejaría la parte else aquí que llama a un método void.
He estado mirando ejemplos de flatmap , no estoy seguro de cómo aplicarlos en este caso de uso.
Podría usar flatMap o, por ejemplo switchMap . Como solo necesitamos una suscripción interna, elegiría switchMap . SwitchMap espera que se devuelva un observable, solo puede usar of crear un observable ficticio. No estoy usando EMPTY aquí porque queremos realizar un efecto secundario después de switchMap, es decir, cerrar el modal. Así que sugeriría lo siguiente:
import { of } from 'rxjs'; import { switchMap, tap } from 'rxjs/operators' //.... this.rolesService.addEmployeeRoles(addDtos).pipe( switchMap(() => { if (removeIds.length > 0) { return this.rolesService.removeEmployeeRoles(removeIds) } return of('whatever'); }), tap(_ => this.bsModalRef.hide()) ).subscribe(); Alternativamente, puede devolver EMPTY cuando no realice una llamada a la API y cerrar el modal dentro de la suscripción.