Блог

Я создал обработчик событий для события resize для ngx-datatable в Angular 10. Кажется, что он срабатывает правильно, но как мне перейти к фактическим свойствам?

Выходная полезная нагрузка (т. Е. Свойства) События

 {
  column,
  newValue
}
 

но где они? Я отобразил событие в инструментах разработчика Chrome, кажется, оно срабатывает при изменении размера таблицы данных (т. Е. Изменяется ширина столбца), и параметр события отображается вместе со свойствами, но где значения столбца и newValue?

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

Мои фрагменты кода похожи:

Угловой шаблон

 ...
  <div>
    <ngx-datatable #myTable (resize)="onColumnResize($event)">
        <ngx-datatable-column
          ...
        </ngx-datatable-column>
        <ngx-datatable-column
          ...
        </ngx-datatable-column>
    </ngx-datatable>
  </div>
...
 

Компонент

 export class ResponsiveComponent {
  constructor( private renderer : Renderer2) {
    ...
  }

  onColumnResize(resizeEvent) {
    console.log(resizeEvent);
  }

}
 

Я эффективно модифицировал адаптивный пример (не то, чтобы это действительно имело значение). Я также пробовал console.log(resizeEvent.column) и несколько других вариантов, но инструменты разработчика браузера говорят, что оно не определено.

Моя настройка — Chrome 87 (обновлена) и выглядит следующим образом:

Я протестировал его с последней доступной версией, и событие, похоже, было отправлено правильно. Пожалуйста, обратитесь к образцу реализации в Code Sandbox