Discussion :

[AlexandreJcpn]

Bonjour à tous,

Je viens vous demande un coup de pouce, car je boucle un tableau pour ensuite récupérer tout les noms des différents produits qu'il y a dans ce tableau puis j'aimerai ensuite mettre un nom de produit par slide en générique car il peut y avoir 2 produits mais il peut aussi en avoir 50.
Je ne vois pas du tout utiliser les données que j'ai bouclé dans mon fichier ts dans mon fichier HTML.

fichier ts:

Code :

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

1
2
3
4
5
6
7
8
9
alternativeProducts(categories:any) {
    this.http.get('http://127.0.0.1:8001/api/products/liste/'+ categories)
    .subscribe((dataApi:any) =>{
      dataApi.forEach((value:any, key:string)=>{
        this.nameProduct = value.name;
        console.log(this.nameProduct);
      });
    })
  }

Résultat du console log:


fichier html:

Code html :

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

1
2
3
4
5
6
7
<ion-slides [options]="option" margin="ion-margin-top">
              <ion-slide>
                <ion-card>
                  {{nameProduct}}
                </ion-card>
              </ion-slide>
            </ion-slides>

Merci d'avance pour votre aide

[dukoid]

ça ne va pas, tu mets toutes les valeurs dans this.nameProduct
donc il sont écrasés les uns sur les autres et seul le dernier est pris en compte

Code :

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

1
2
3
4
5
6
7
8
9
10
 
alternativeProducts(categories:any) {
    this.http.get('http://127.0.0.1:8001/api/products/liste/'+ categories)
    .subscribe((dataApi:any) =>{
      dataApi.forEach((value:any, key:string)=>{
        this.nameProduct = value.name;  // tu écrases sans cesse  this.nameProduct
        console.log(this.nameProduct);
      });
    })
  }

avec le .map c'etait très bien

[AlexandreJcpn]

D'accord, j'ai essayé comme ça car je n'arrive pas avec la solution que vous m'avez transmis avec le map.