Discussion :

[paintbox]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[dukoid]

il existe plusieurs techniques :

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[paintbox]

Hello dukoid,

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

[dukoid]

je viens de me rappeler cette solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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"]