Как отобразить таблицу после изменения источника данных через @Input? - PullRequest
1 голос
/ 26 сентября 2019

При нажатии кнопки из другого компонента я создаю массив с данными, которые затем передаются от родительского к дочернему (который содержит таблицу) компоненту через привязку @Input.Все отлично работает, пока я не изменю данные.Когда я console.log недавно передал в массив, я вижу все данные И таблица отображает все необходимые строки, НО она не показывает VALUES / COLUMNS.Когда я нажимаю кнопку второй раз - это работает.Что мне не хватает?Я уже перепробовал все виды методов, чтобы заставить таблицу снова рендериться.Я также попробовал ngOnChanges, но ни один из них, похоже, не работает.

parent.html

<app-virtualtable [tableContent]="tableData" [tableHeaders]="tableCol"></app-virtualtable>

child.html

 <hot-table
   [data]="tableContent"
   [colHeaders]="tableHeaders"
   [options]="options" 
   (afterSelectionEnd)="SelectedRows($event)"
   (afterDeselect)="Deselected($event)">
 </hot-table>

child.ts

  @Input() tableContent: any[];
  @Input() tableHeaders: any[];
...