Angular PrimeNG DataTable Показывает вложенный JSON в виде пользовательской строки в одном столбце.

Question

У меня есть этот массив:

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

Я хочу отобразить роль вложенного атрибута JSON в виде одной строки, подобной этой role1, role2, role3, в одном столбце с именем Role в PrimeNG DataTable.

Заранее спасибо!

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;
});