Tengo dos métodos en ambos, estoy haciendo llamadas a la API. El método uno llama al método 2 y debe continuar con su proceso después de que finalice la llamada a la API del método 2. Intenté hacer esto con la función completa dentro de la suscripción, pero tengo el problema de que el método 2 continúa haciendo su propio trabajo sin esperar a que finalice el método 2. Alguien me puede decir donde esta mi error?
getPerson() { this.setSelectedFlag() --> Whenever this finishes continue with method this.personArray = this.form.controls.person.value; this.personArray .forEach((id) => { if (!this.personMap.has(id)) { this.loading.start(); this.api.getpersonsData({ id, }).subscribe((response) => { this.personMap.set(id, response); this.loading.stop(); }); } }); this.personMap.forEach((person, id) => { if (!this.personArray.includes(id)) { this.personen.delete(id); } }); } setSelectedFlag() { this.personArray = this.form.controls.person.value; this.personArray.forEach((id) => { if (!this.setFlagForPerson.has(id)) { this.personArraySaving.ids.push(id); this.api.setSelectedForPerson({ body: this.personArraySaving, }).subscribe({ next: (data) => { console.log(data); }, complete: () => { return --> I thought this would signal its finish }, }); } }); }
El uso de promesas le permitiría dejar que setSelectedFlag() devuelva una promesa. Después de que regrese, puede continuar con el código en getPerson()
getPerson() { this.setSelectedFlag().then(() => { // rest of the code. }) } setSelectedFlag(): Promise<void> { return new Promise((resolve) => { .... complete: () => { resolve(); } }) }
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise