[英]How to convert json and show all data in html ? using Javascript and Map
我需要循环思想数组并显示属性数据。
所有代码都在这里:
检查 ts 中的循环:
this.allFilters.push(
Array.isArray(val.value)
? {
name: val.name,
value: val.value.map((obj: any) => obj.value).join(" - "),
displayName: val.displayName,
displayValue: val.value.map((obj: any) => obj.value).join(" - ")
}
: {
name: val.name,
value: val.value,
displayName: val.displayName,
displayValue: val.displayValue
}
);
和 html:
<span
*ngFor="let filter of allFilters">
{{ filter.displayName }}: {{ filter.displayValue }}
</span>
现在的结果是:
First: 2 Second: 2021-04-08 - 2021-04-20 Third: 15
但我需要将日期与 dateFrom 和 dateTo 分开,并显示如下:
First: 2 Second: dateFrom 2021-04-08 Second: dateTo: 2021-04-20 Third: 15
或者
First: 2 dateFrom: 2021-04-08 dateTo: 2021-04-20 Third: 15
首先,您需要平整您的阵列。 我已经编辑了您在链接的代码中使用的“recieveMessage”function。
recieveMessage(val) {
if(Array.isArray(val.value)){
val.value.forEach(child => this.allFilters.push({
name: val.name,
value: child.value,
displayName: val.displayName + ' ' + child.name,
displayValue: child.value
}))
} else {
this.allFilters.push({
name: val.name,
value: val.value,
displayName: val.displayName,
displayValue: val.displayValue
});
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.