Discussion :

[AlexandreJcpn]

Bonjour,

Je viens vers vous car j'ai un petit problème, je récupère un tableau de données d'une API que j'exploite avec "map" mais l'inconvénient c'est que je n'arrive pas a trouver la solution pour afficher les noms que je récupère dans cette boucle dans mes slides.

Je vous montre que j'arrive bien à récupérer les deux noms dans le console.log :


Puis le code de mon fichier ts :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
alternativeProducts(categories:any) {
    this.http.get('http://127.0.0.1:8001/api/products/liste/'+ categories)
    .subscribe((dataApi:any) =>{
      // console.log(dataApi);
      dataApi.map(p=>{
        p.name;
        p.description;
      })
        console.log(dataApi.map(p=>p.name));
    })
  }

Ainsi que mon code HTML:

Code html :

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
<div id="accordion">
      <ul>
        <li>
          <input type="checkbox" checked>
          <i></i>
          <h2>Trouver un produit similaire</h2>
            <!-- <ion-card>
              <ion-item>
                {{nameProduct}}
              </ion-item>
            </ion-card> -->
            <ion-slides [options]="option" margin="ion-margin-top">
              <ion-slide>
                <ion-card>
                  {{p.name}}
                </ion-card>
              </ion-slide>
            </ion-slides>
        </li>
        <li>
          <input type="checkbox" checked>
          <i></i>
          <h2>Blablablabla</h2>
        </li>
      </ul>
    </div>

En espérant qu'un de vous pourra m'aider.
Bien cordialement,
Alexandre