แสดงวัตถุที่ซ้อนกันด้วย Ng2 Smart Table โดยใช้ AngularFire และ Firestore

ด้านบนคือโครงสร้างข้อมูลของฉันใน Firestore db ของ Firebase ฉันสามารถดึงข้อมูลและใส่ลงในตารางอัจฉริยะ ng2 ได้สำเร็จโดยใช้การตั้งค่าเหล่านี้:

export const userTableSettings = {
  delete: {
confirmDelete: true,
deleteButtonContent: '<i class="ft-x danger font-medium-1 mr-2"></i>'
  },
  add: {
confirmCreate: true,
  },
  edit: {
confirmSave: true,
editButtonContent: '<i class="ft-edit-2 info font-medium-1 mr-2"></i>'
  },
  firstName: {
title: 'Full Name',
  },
  lastName: {
title: 'User Name',
  },
  email: {
title: 'Email',
  },
},
  attr: {
    class: 'table table-responsive'
  },
};

แต่เมื่อฉันเพิ่มสถานที่สำหรับบทบาท

roles: {
    title: 'Role',
},

ผลลัพธ์คือ

ฉันต้องการให้สามารถแสดงบทบาทของผู้ใช้หรือบทบาทได้หากมีมากกว่าหนึ่งบทบาท และสามารถอัปเดตได้จากตาราง