*Ngfor pour afficher les différents nom dans une slide différents

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:

---

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:
Pièce jointe 623435

fichier html:

Code:

---

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

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

---

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

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