Discussion :

[angie13003]

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 :

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

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 :

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
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 :

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

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 ?

[krakatoa]

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


ça donne quoi ça ?

Code :

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

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;
    });
  }

[angie13003]

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

Code :

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

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 :

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

[krakatoa]

regarde le code en vert

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
 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;
  }

[angie13003]

dans ma console j'ai uniquement cette réponse

Code :

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

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

[krakatoa]

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
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;
  }

[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