Как получить свойства события «изменить размер» из ngx-datatable

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

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

{
  column,
  newValue
}

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

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

введите здесь описание изображения

Мои фрагменты кода выглядят так:

Шаблон Angular

...
  <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);
  }

}

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

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

введите здесь описание изображения


person Jack    schedule 13.12.2020    source источник


Ответы (1)


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

введите здесь описание изображения

person Lambo14    schedule 13.12.2020
comment
Спасибо, но я не могу отобразить эти данные! Ваш скриншот из инструментов разработчика браузера? Если да, то какой? У вас были какие-то настройки? Я пробовал это Chrome и Firefox, и он срабатывает, и я получаю данные «Событие», но я не вижу этого свойства/объекта «столбца». Как вы его просмотрели? Я также запустил ваш пример, но консоль CodeSandbox (и моя локальная консоль браузера), похоже, не запускает событие (т.е. я не вижу console.log в обработчике onResize (event)). - person Jack; 19.12.2020
comment
вы можете напрямую получить доступ к приложению по адресу gp3my.csb.app и проверить, что консоль входит в систему. - person Lambo14; 20.12.2020
comment
Привет @ Lambo12. Я запустил gp3my.csb.app на новой вкладке Chrome, открыл консоль в инструментах разработчика на этой вкладке, но при изменении размера окна событие, похоже, не срабатывает при изменении размера. То же самое происходит в консоли браузера Firefox. - person Jack; 01.01.2021
comment
У меня нет firefox, но я тестировал его в chrome, он генерирует событие всякий раз, когда размер столбца изменяется. - person Lambo14; 02.01.2021
comment
Спасибо, что подтвердили это. Я абсолютно озадачен этим. У меня Windows 7. Я попробую несколько разных ОС, может быть, какой-нибудь дистрибутив nix, Safari и телефон на Android. - person Jack; 03.01.2021