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:
Nom : Capture d’écran 2022-08-08 à 09.51.58.png
Affichages : 288
Taille : 241,8 Ko

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