Как перехватить событие клика angular с помощью чистого javascript?

Question

[Вадим]

Имеется фронтенд, часть которого реализована на angular. В html есть тег вида <blabla></blabla>, внутри него все рисуется ангуларом, в т.ч. и кнопки вида <button class="apply-button">Apply</button>

Задача: с помощью чистого javascript перехватывать клик по таким кнопкам. Логику менять не надо, пусть ангулар отрабатывает как положено, нужно просто зафиксировать клик по кнопке и его отработать. Такое вообще возможно?

Comments

[msdosx86]

если вы вне ангуляра пытаетесь перехватить нажатия по таким кнопкам, то вряд ли вы сможете написать что-то типа

var button = document.querySelector('apply-button')
  button.addEventListener

потому что ангуляр для инкапсуляции стилей добавляет хеш ко всем классам, то есть класс там будет не apply-button, а apply-button-4dsf131

Answer 1

[0xD34F]

Всё как обычно, вешаете делегированный обработчик клика, смотрите откуда события приходят:

document.addEventListener('click', function(e) {
  const t = e.target;
  if (t.matches('button.apply-button') && t.closest('blabla')) {
    // ...
  }
});

Comments

[Вадим]

Спасибо, что-то тупанул, что надо прямо на документ событие вешать

Answer 2

[Andrey Suha]

Как обычно через addEventListener