Как обновить данные на другой странице с помощью смарт-таблицы в Angular 6

Question

Я использую ng2-smart-table в своем угловом проекте. Умная таблица предоставляет встроенные функции добавления, редактирования и удаления данных, но я не хочу их использовать. Я хочу редактировать данные на другой странице, как мы делаем для каждой операции CRUD. Я искал это, но я не нашел никакого решения. Кто-нибудь знает, как я могу это сделать? Заранее спасибо!

Answer 1

Я предлагаю вам сделать свой собственный значок с иконкой редактирования и привести в действие. Для этого блока / неактивная кнопка редактирования по умолчанию.

При этом вы получите событие клика в (custom)="customeEdit($event)",

Таким образом, вы можете использовать свой пользовательский компонент в ng2-smart-table,

Добавить пользовательский значок

Answer 2

Вы можете перенаправить пользователя, привязав метод к (редактированию) события. как это.

.html

<ng2-smart-table  class="table"
                          [settings]="settings" 
                          [source]="data" 
                          (deleteConfirm)="onDeleteConfirm($event)"
                          (rowSelect)="onRowSelect($event)" 
                          (userRowSelect)="onUserRowSelect($event)"
                          (rowHover)="onRowHover($event)"
                          (create)="onCreateNewProcessor($event)"
                          (edit)="onEditData($event)"
                          (custom)="onCustom($event)"></ng2-smart-table> 

.ts

onEditData(event) {
    this.router.navigate(["/route/i/want/to", event.data.id]);
}