angular - 如何显示关于列的行数据
问题描述
我有`
displayColumns = [{name:Id, value: id}{name:Customer, value: Customer},{name:City, value: City},{name:State, value: State},{name:Type, value: Type}]`
和行数据是
userInfoList =[ {
"Id": 1,
"Customer": "Ram",
"City": "Hyderabad",
"State" : "Andhra",
"Type" : "Estimation"
},
{
"Id": 2,
"Customer": "Ramya",
"City": "Hyderabad",
"State" : "Andhra",
"Type" : "Order"
},
{
"Id": 3,
"Customer": "Ramakrishna",
"City": "Hyderabad",
"State" : "Andhra",
"Type" : "Sales"
},
{
"Id": 4,
"Customer": "Kishore",
"City": "Hyderabad",
"State" : "Andhra",
"Type" : "Return"
},
{
"Id": 5,
"Customer": "Anil",
"City": "Hyderabad",
"State" : "Andhra",
"Type" : "Purchange"
}
]
我的表格打印部分 html 是
<table class="table">
<thead>
<tr>
<th class="text-left" *ngFor = "let column of displayColumns">
{{column.name}}
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let list of userInfoList; let i=index">
<td *ngFor="let key of list" >
{{list[key]}}
</td>
</tr>
</tbody>
</table>
听到无法显示关于列的行数据,您能否建议我如何找到它.. 它是打印部分的要求。显示列很好,但无法显示行数据。
解决方案
我喜欢它现在的工作
<tr *ngFor="let list of userInfoList ; let i=index">
<td *ngFor="let key of list | keyvalue" > {{key.value}}
</td>
</tr>
推荐阅读
- jasper-reports - 使用 jasperreport 执行报告时出错
- tensorflow - 张量流版本之间的区别
- python - For循环,从外部函数触发下一个/上一个项目
- python - 在 CSV 文件中查找子字符串的索引
- xml - 格式不正确,XML解析
- c# - c# 填充ComboBox的函数
- excel - VBA - 将 excel 中的日期从 datetime 更改为 mm/dd/yy(更改为字符串数据类型,而不仅仅是装饰格式)
- python - 增加对打印多个变量的理解
- mysql - Mysql将逗号分隔的结果分成多行
- javascript - 如何使外部链接成为 jQuery 规则的例外