Construction fonction promise

Version imprimable

Bonjour,

j'ai un soucis au niveau de la construction de ma fonction promise. Je récupère uniquement la première valuer modelCar et impossible de récupérer les autres.

J'ai bien tester mon fichier back dans postman et celui-ci marche sans problème.
Voici le résultat de POSTMAN

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
{
    "idCar": null,
    "idCustomer": null,
    "licensePlateCar": "DS486PP",
    "brandCar": "AUDI",
    "modelCar": "A1",
    "dateOfCirculationCar": "23/06/2015",
    "motorizationCar": "90",
    "colorCar": "NOIR",
    "versionCar": "1.4 TDI",
    "urlGrayCard": null
}

J'aimerai donc récupérer les six valeurs qui sont non null.

Voici le code de mon service

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
26
 
 
  addSIV(siv: Siv): Promise<any> {
    let promise = new Promise((resolve, reject) =>  {
      return this.httpClient.post(`${this.api}/collectCarData.php`, siv).pipe(map(
        (reponse: any) => {
          // this.modelCar = reponse.modelCar;
          // localStorage.setItem('modelCar', JSON.stringify(this.modelCar));
          this.brandCar = reponse.brandCar;
          localStorage.setItem('brandCar', JSON.stringify(this.brandCar));
          this.colorCar = reponse.colorCar;
          localStorage.setItem('colorCar', JSON.stringify(this.colorCar));
          this.versionCar = reponse.versionCar;
          localStorage.setItem('versionCar', JSON.stringify(this.versionCar));
          this.dateOfCirculationCar = reponse.dateOfCirculationCar;
          localStorage.setItem('dateOfCirculationCar', JSON.stringify(this.dateOfCirculationCar));
          this.motorizationCar = reponse.motorizationCar;
          localStorage.setItem('motorizationCar', JSON.stringify(this.motorizationCar));
        },
        resolve({modelCar: this.modelCar, brandCar: this.brandCar, colorCar: this.colorCar, versionCar: this.versionCar, dateOfCirculationCar: this.dateOfCirculationCar, motorizationCar: this.motorizationCar})
      )
      );
    });
    console.log(promise);
    return promise;
  }

et celui de mon component

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
  getCar() {
    const formValue = this.bookingForm.value;
    const newSiv = new Siv(
      formValue['licensePlateCar']
    );
    return this.sivService.addSIV(newSiv).then(() => {
      this.modelCar = JSON.parse(localStorage.getItem('modelCar'));
      this.brandCar = JSON.parse(localStorage.getItem('brandCar'));
      this.dateOfCirculationCar = JSON.parse(localStorage.getItem('dateOfCirculationCar'));
      this.colorCar = JSON.parse(localStorage.getItem('colorCar'));
      this.versionCar = JSON.parse(localStorage.getItem('versionCar'));
      this.motorizationCar = JSON.parse(localStorage.getItem('motorizationCar'));
    });
  }

Je ne comprend pas d'où vient mon erreur. Est il possible d'avoir une explication ?

tu n'as pas besoin d'utiliser les local storages

ça donne quoi ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
 
 getCar() {
    const formValue = this.bookingForm.value;
    const newSiv = new Siv(
      formValue['licensePlateCar']
    );
    return this.sivService.addSIV(newSiv).then((data: any) => {
console.log(data);
return data;
    });
  }

Effectivement j'ai un problème car voici la réponse du console.log

Code:

1
2
3
4
5
6
brandCar: undefined
colorCar: undefined
dateOfCirculationCar: undefined
modelCar: undefined
motorizationCar: undefined
versionCar: undefined

alors je viens de faire un test au niveau du code de ma promise dans le service.

J'ai rajoute un console.log dans la promise comme 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
  addSIV(siv: Siv): Promise<any> {
    let promise = new Promise((resolve, reject) =>  {
      return this.httpClient.post(`${this.api}/collectCarData.php`, siv).pipe(map(
        (reponse: any) => {
          console.log(11111);
          this.modelCar = reponse.modelCar;
          // localStorage.setItem('modelCar', JSON.stringify(this.modelCar));
          this.brandCar = reponse.brandCar;
          // localStorage.setItem('brandCar', JSON.stringify(this.brandCar));
          this.colorCar = reponse.colorCar;
          // localStorage.setItem('colorCar', JSON.stringify(this.colorCar));
          this.versionCar = reponse.versionCar;
          // localStorage.setItem('versionCar', JSON.stringify(this.versionCar));
          this.dateOfCirculationCar = reponse.dateOfCirculationCar;
          // localStorage.setItem('dateOfCirculationCar', JSON.stringify(this.dateOfCirculationCar));
          this.motorizationCar = reponse.motorizationCar;
          // localStorage.setItem('motorizationCar', JSON.stringify(this.motorizationCar));
        },
        resolve({modelCar: this.modelCar, brandCar: this.brandCar, colorCar: this.colorCar, versionCar: this.versionCar, dateOfCirculationCar: this.dateOfCirculationCar, motorizationCar: this.motorizationCar})
      )
      );
    });
    return promise;

et apparament il ne rentre pas dans la fonction car le console.log n'apparait jamais

regarde le code en vert

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
 addSIV(siv: Siv): Promise<any> {
    let promise = new Promise((resolve, reject) =>  {
      return this.httpClient.post(`${this.api}/collectCarData.php`, siv).pipe(map(
        (reponse: any) => {

    console.log("reponse", reponse);
           // this.modelCar = reponse.modelCar;
          // localStorage.setItem('modelCar', JSON.stringify(this.modelCar));
          const brandCar = reponse.brandCar;
          const  colorCar = reponse.colorCar;
          const  versionCar = reponse.versionCar;
          const  dateOfCirculationCar = reponse.dateOfCirculationCar;
          const  motorizationCar = reponse.motorizationCar;

        resolve({modelCar: this.modelCar, brandCar: this.brandCar, colorCar: this.colorCar, versionCar: this.versionCar, dateOfCirculationCar: this.dateOfCirculationCar, motorizationCar: this.motorizationCar})
        },
        resolve({modelCar: this.modelCar, brandCar: this.brandCar, colorCar: this.colorCar, versionCar: this.versionCar, dateOfCirculationCar: this.dateOfCirculationCar, motorizationCar: this.motorizationCar})
      )
      );
    });
    console.log(promise);
    return promise;
  }

dans ma console j'ai uniquement cette réponse

Code:

1
2
 
data {modelCar: undefined, brandCar: undefined, colorCar: undefined, versionCar: undefined, dateOfCirculationCar: undefined,*…}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
addSIV(siv: Siv): Promise<any> {
    let promise = new Promise((resolve, reject) =>  {
      return this.httpClient.post(`${this.api}/collectCarData.php`, siv).subscribe(
        (reponse: any) => {

    console.log("reponse", reponse);
           // this.modelCar = reponse.modelCar;
          // localStorage.setItem('modelCar', JSON.stringify(this.modelCar));
          const brandCar = reponse.brandCar;
          const  colorCar = reponse.colorCar;
          const  versionCar = reponse.versionCar;
          const  dateOfCirculationCar = reponse.dateOfCirculationCar;
          const  motorizationCar = reponse.motorizationCar;

        resolve({modelCar: this.modelCar, brandCar: this.brandCar, colorCar: this.colorCar, versionCar: this.versionCar, dateOfCirculationCar: this.dateOfCirculationCar, motorizationCar: this.motorizationCar})
        }
      )

    });
    return promise;
  }

31/05/2021, 23h39
angie13003

effectivement cela fonctionne parfaitement en changeant .pipe(map() par .subscribe()

C'est vrai que je me pars un peu avec tous ces opérateurs de rxjs.

Merci beaucoup pour ton aide