Как вызвать событие по нажатию полосы прокрутки в угловых 5

Question

В моем проекте есть всплывающее окно фильтра для фильтрации данных в таблице. Если я щелкну в любом месте за пределами всплывающего окна в этой таблице, всплывающее окно должно закрыться. Поведение работает правильно, когда я нажимаю в любом месте таблицы Когда появляется полоса прокрутки, если я нажимаю на полосу прокрутки, она не вызывает функцию.

Как вызвать функцию по нажатию полосы прокрутки в Angular 5.

Ниже приведена ссылка stackblitz, пожалуйста, помогите мне, спасибо заранее.

https://stackblitz.com/edit/angular-uaig8q?file=src%2Fapp%2Fapp.component.html

Answer 1

Небольшой разброс ответа Виктора, просто добавьте прослушиватель событий прокрутки во всем окне

 window.addEventListener('scroll', function(e) { 
    popup.close();
 });

Answer 2

Вы можете использовать событие scroll. Решение, не специфичное для углов:

const myContainer = document.getElementById('my_element');
myContainer.addEventListener('scroll', () => {
  filterPopup.close()
});