Discussion :

[Massinissa90]

Bonjour à tous,

Je suis bloqué en ce moment sur un problème au niveau de la directive *ngFor d'angular.

Je m'explique, j'ai un tableau imbriqué sur plusieurs tableau , et je voudrai afficher des élément du tableau imbriqué avec la directive *ngFor , mais rien ne s'affiche j'ai pas d'erreur mais sur mon navigateur rien ne s'affiche. pouvez vous m'aider svp ?

Cliquez sur le lien suivant pour voir à quoi correspond mon problème: https://stackblitz.com/edit/angular-...p.component.ts

En vous remerciant par avance

[krakatoa]

il faut faire un tableau d'objet
et non un tableau de tableau d'objet

voici la rectificatiobn :

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
27
28
29
30
 
  rucherruches: any = [
 
      {
        nomRuher: "rucher01",
        localisation: "orleans",
        ruches: [
          {
            nomRuche: "ruche01",
            reine: "buckfast"
          }
        ]
      },
    ,
 
 
      {
        nomRuher: "rucher02",
        localisation: "paris",
        ruches: [
          {
            nomRuche: "ruche01",
            reine: "noir"
          }
        ]
      },
 
 
  ]
}

[dukoid]

sinon tu fais 2 *ngFor imbriqué

[Massinissa90]

sinon tu fais 2 *ngFor imbriqué

@dukoid, merci pour ton retour, Pourrait tu m'en dire comment je pourrais faire 2 *ngFor stp ? Merci

[krakatoa]

Code html :

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

1
2
3
4
5
<div *ngFor="let ruchers of rucherruches">
  <div *ngFor="let item of ruchers">
    <div>{{ item.nomRuher }}</div>
  </div>
</div>