Tampilkan Objek Bersarang dengan Ng2 Smart Table menggunakan AngularFire dan Firestore

1

Di atas adalah Struktur Data saya di Firestore db Firebase. Saya berhasil menarik data dan memasukkannya ke dalam tabel pintar ng2 menggunakan pengaturan ini:

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'
  },
};

tapi ketika saya menambahkan tempat untuk peran

roles: {
    title: 'Role',
},

keluarannya adalah

masukkan deskripsi gambar di sini

Saya ingin dapat menampilkan peran atau peran pengguna jika mereka memiliki lebih dari satu, dan dapat memperbaruinya dari tabel.


person bjwhip    schedule 10.05.2018    source sumber


Jawaban (1)


Karena apa yang Anda dapatkan untuk data roles adalah Objek (dan bukan primitif, misalnya string, angka, boolean, dll.), Anda harus menggunakan atribut renderComponent. Ini akan memungkinkan Anda meneruskan komponen Kustom untuk dirender ke dalam sel (yaitu tipenya harus custom).

Lihat dokumen https://akveo.github.io/ng2-smart-table/#/documentation (cari renderComponent di halaman) dan contoh yang diusulkan (https://github.com/akveo/ng2-smart-table/blob/master/projects/demo/src/app/pages/examples/custom-edit-view/advanced-example-custom-editor.component.ts)

person Renaud Tarnec    schedule 11.05.2018
comment
tautan github memiliki 404, silakan bagikan untuk renderComponent - person Manu; 19.12.2019