动态表组件，自动列出当前Object数据迭代的每个属性值(ngFor指令);

Question

言归正传，我正在创建一个表组件，该组件接收一个对象，该对象包含动态表所需的所有信息，包括头部信息等。我的任务是使每一行(数据)，我的表不需要知道属性名称，只列出它的值直接可能。

我做了一些控制台测试，它似乎围绕这些行工作:

const dataList = [
{ name: 'Eugene', age: 20, alive: true },
{ name: 'Game Master', age: 40, alive: false },
{ name: 'Camel', age: 22, alive: true }
];

for(let data of dataList) {
console.log("All data info");
console.log(data);
for(let propertyValue of Object.values(data)) {
console.log(propertyValue);
}
}

结果:

VM1123:2所有数据信息
VM1123:3 {name: 'Eugene'， age: 20, alive:true}
VM1123:6 Eugene
VM1123:6 20
VM1123:6 true
VM1123:2所有数据信息
VM1123:3 {name: 'Game Master'， age: 40，alive: false}
VM1123:6 Game Master
VM1123:6 40
VM1123:6false
VM1123:2所有数据信息
VM1123:3 {name: 'Camel'， age:22、alive: true}
VM1123:6 Camel
VM1123:6 22
VM1123:6真正的

我想达到同样的结果，但这次在ngFor指令之间迭代，如下所示:

<tr *ngFor="let data of tableConfig.data; let i = index">
<td *ngFor="let propValue of Object.values(data)"> {{ propValue }}</td>

但是，问题是我无法访问组件HTML中的'Object'类。

属性'Object'在类型' paginationtableccomponent '上不存在。

Answer 1

添加方法获取对象值，如

getValues(data): any{
return Object.values(data);
}

模板:

<td *ngFor="let propValue of getValues(data)"> {{ propValue }}</td>

演示