ng for multiple array angular

Question

hello every one i have this api

[
    [{
        "id": 1,
        "qte": 12,
        "date_creation": "2020-08-17T00:00:00+02:00",
        "date_update": "2020-08-17T00:00:00+02:00",
        "depot": {
            "id": 1,
            "nom_depot": "bb"
        },
        "produit": {
            "id": 1,
            "matricule": "ff",
            "prix": 12,
            "libelle": "dd"
        }
    }],
    []
]

but when i want to display just the Qte ,the libelle of produit and nom_depot of depot like this

<tr *ngFor="let
data of
depot ;let
i= index"
(click)=addToAnotherTable(i)>
<td>
<span>{{data.depot.nom_depot}}</span>
</td>
<td>
<span>{{data.produit.libelle}}</span>
</td>
<td>
<span>{{data.qte}}</span>
</td>
</tr>

it doesn t work i don t know why pls help

If you're sure the parent array will always have a single element, you could do <tr *ngFor="let data of depot[0]; let i=index". Then if possible, it must be fixed in the backend to remove the parent array. — Barremian
– Barremian, Commented Aug 25, 2020 at 15:50

Emilien · Accepted Answer · 2020-08-25 16:00:45Z

2

You just need to use index, because as Michalis said, you have an array of arrays.

datas = [
    [{
        "id": 1,
        "qte": 12,
        "date_creation": "2020-08-17T00:00:00+02:00",
        "date_update": "2020-08-17T00:00:00+02:00",
        "depot": {
            "id": 1,
            "nom_depot": "bb"
        },
        "produit": {
            "id": 1,
            "matricule": "ff",
            "prix": 12,
            "libelle": "dd"
        }
    }],
    []
];

<table>
    <tr *ngFor="let data of datas;let i= index">
        <td>
            <span>{{data[i]?.depot.nom_depot}}</span>
        </td>
        <td>
            <span>{{data[i]?.produit.libelle}}</span>
        </td>
        <td>
            <span>{{data[i]?.qte}}</span>
        </td>
    </tr>
</table>

edited Aug 25, 2020 at 16:00

answered Aug 25, 2020 at 15:52

Emilien

2,7534 gold badges17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Abdeljabbar El Mediouni Over a year ago

it displays the data but it gives me an infinit loop with this error TypeError: Cannot read property 'depot' of undefined

Emilien Over a year ago

I edited my post adding ? just after data[i] please check.

Collectives™ on Stack Overflow

ng for multiple array angular

1 Answer 1

2 Comments

Hot Network Questions