Affichages imbriqués avec *ngFor

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

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

voici la rectificatiobn :

Code:

---

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" } ] },     ] }

---

sinon tu fais 2 *ngFor imbriqué

Citation:

---

Envoyé par dukoid

sinon tu fais 2 *ngFor imbriqué

---

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

Code:

---

1 2 3 4 5

<div *ngFor="let ruchers of rucherruches"> <div *ngFor="let item of ruchers"> <div>{{ item.nomRuher }}</div> </div> </div>

---