Angular PrimeNG DataTable 在一列中将嵌套的 JSON 显示为自定义字符串

Question

我有这个数组：

const users: any[] = [{
name: 'name',
surname: 'surname',
username: 'username',
email: '[e-mail]',
tel: '72837129',
role: {
role1: 'role1',
role2: 'role2',
role3: 'role3'
},
address: '',
cell: '',
fax: ''
}, {
name: 'name2',
surname: 'surname2',
username: 'username2',
email: '[e-mail]',
tel: '72837129',
role: {
role1: 'role1',
role2: 'role2',
role3: 'role3'
},
address: '',
cell: '',
fax: ''
}];

我想将嵌套的 JSON 属性角色显示为一个字符串，就像在 PrimeNG 数据表中名为 Role 的单个列中role1, role2, role3的那样。

提前感谢！

Answer 1

您可以遍历用户数组并覆盖role为：

users = users.map(user => {
user.role = [];
for (let key in obj) {
user.role.push(obj[key]);
}
user.role = user.role.toString();
return user;
});