json - 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>
它不起作用我不知道为什么请帮忙
解决方案
您只需要使用索引,因为正如 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>
推荐阅读
- python - Python中的Websocket消息处理程序
- java - Hibernate BasicExtractor 不记录任何内容
- wordpress - htaccess 更改默认语言而不更改 url
- php - 如何使用 Passport 在 phpunit 测试中对用户进行身份验证
- security - 我正在尝试对网站使用目录遍历攻击
- javascript - 交换div的jQuery动画问题
- android - DatePickerAndroid“微调器”模式在平板电脑中同时打开“微调器”和“日历”
- wordpress - 如何自定义 woocommerce 密码规则,我想编写自己的密码规则
- c# - C# - NHibernate:驱逐一个实体然后得到它
- performance - neoload 中的性能测试