首页 > 解决方案 > ng 用于多个数组角度

问题描述

大家好,我有这个 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"
        }
    }],
    []
]

但是当我只想显示 Qte 时,产品的 libelle 和仓库的 nom_depot 就像这样

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

它不起作用我不知道为什么请帮忙

标签: jsonangular

解决方案


您只需要使用索引,因为正如 Michalis 所说,您有一个数组数组。

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>

推荐阅读