Echainement de méthodes subscribe

Bonjour,
dans mon projet, je dois sauvegarder différents objets via l'appel à une Api.
J'ai donc 4 méthodes qui chacune enregistre quelque chose dans ma DB. Les 3 dernières méthodes ont besoin de l'Id créé par la première méthode.

Je souhaite donc enchainer l'exécution de ces méthodes les unes à la suite des autres mais que chacune attende que la précédente soit terminée.

Pour l'instant j'ai ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

private insertTruck = () => { const truck: Truck = { name: this.myForm.get('name')?.value, commercialMail: this.myForm.get('commercialmail')?.value, phone: this.myForm.get('phone')?.value, vatnumber: this.myForm.get('vatnumber')?.value, description: this.f.description.value }   let apiTruck: string = environment.apiAddress + 'Truck/Registration'; this.repository.create(apiTruck, truck) .subscribe(response => { this.insertFoodType(<number>(response as Truck).id); this.insertTruckOptions(<number>(response as Truck).id); this.insertUserAccount(<number>(response as Truck).id); $('#successModal').modal(); this.redirectTo(); }, (error => { this.errorHandler.handleError(error); this.errorMessage = this.errorHandler.errorMessage; }) ); }

---

J'ai fait des recherches sur le net et il semble qu'utiliser un observable pourrait être la solution mais j'ai du mal à mettre cela en place.

Quelqu'un aurait une idée?
Merci

il existe plusieurs techniques :

(1)
les 2 méthodes tu en fait des "promise" :

Code:

---

1 2 3 4

async fonction bidule() { await methode1(); // reste bloqué sur la méthode 1 tant que pas fini await methode2(); // reste bloqué sur la méthode 2 tant que pas fini }

---

(2)

après on peut utiliser RxJS et en effet transformer les méthodes en observable
et les méthodes seront utiliser comme un flux

Hello dukoid,

j'ai testé opté pour la première solution async ... await et cela fonction.
Merci pour ton aide et tes conseils.

je viens de me rappeler cette solution :

Code:

---

1 2 3 4

Promise.all([promise1, promise2, promise3]).then((values) => { console.log(values); });

---

si les promesses retournes des valeurs, elles seront récupérés dans : values
et mis dans l'ordre des promesses dans un tableau sinon le tableau est vide.
// [promise1, promise2, promise3]
// expected output: Array [3, 42, "foo"]