Отображение вложенного объекта с помощью Ng2 Smart Table с использованием AngularFire и Firestore - PullRequest
Новая
       42

Отображение вложенного объекта с помощью Ng2 Smart Table с использованием AngularFire и Firestore

0 голосов
/ 11 мая 2018

1

Выше моя структура данных в Firebase's Firestore db.Я могу успешно извлечь данные и поместить их в смарт-таблицу 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',
},

, вывод будет

enter image description here

Я хочу иметь возможность отображать роли или роли пользователей, если у них их несколько, и иметь возможность обновлять их из таблицы.

1 Ответ

0 голосов
/ 11 мая 2018

Поскольку для данных roles вы получаете объект (а не примитив, например, строку, число, логическое значение и т. Д.), Вам следует использовать атрибут renderComponent. Это позволит вам передать пользовательский компонент для рендеринга в ячейку (то есть тип должен быть custom).

См. Документ https://akveo.github.io/ng2-smart-table/#/documentation (поиск renderComponent на странице) и предлагаемый пример (https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/custom-edit-view/advanced-example-custom-editor.component.ts)

...