Как избежать ошибки «Свойство 'click' не существует при ошибке типа 'Element'.ts (2339)»

Question

Я пытаюсь использовать приведенный ниже код jQuery в моем приложении Angular, необходимый для выбора компонента раскрывающегося списка.

document.querySelector('.dropdown-el').click(function(e) {
  e.preventDefault();
  e.stopPropagation();
  $(this).toggleClass('expanded');
  $('#' + $(e.target).attr('for')).prop('checked', true);
});
$(document).click(function() {
  $('.dropdown-el').removeClass('expanded');
});

Проблема в том, что у меня возникла ошибка TS: Property 'click' does not exist on type 'Element'. при попытке его использовать. Есть ли способ избежать этого?

Answer 1

Вам нужно передать свой элемент в HTMLElement через

let myElement: HTMLElement = document.querySelector() as HTMLElement;
myElement.click();

Надеюсь, это поможет.

Answer 2

Click не существует для элемента, который возвращается document.querySelector(). Вам нужно преобразовать его как HTMLElement.