(щелчок) событие не работает Typescript при добавлении любых данных в ANGULAR 4

Question

Я пытался получить событие клика из .ts, на самом деле я работаю в полном календаре, в этом я добавляю HTML-код, все, что я пытаюсь получить функцию события клика, и я не знаю, как поймать функция.

             viewRender: function (view, element) {
              // element.find('.fc-day-header').html('ZDAAD');
              const d = '<div class= "col-sm-12"><input type="checkbox" id="click" class="appointment-margin-checkbox" (click)='myEvent()'/></div>';
              element.find('.fc-axis:first').html(d);
            },
myEvent( ){ alert() } // here i need the checkbox is checked or not

Пожалуйста, помогите

Answer 1

Поправь меня, если я ошибаюсь.

Не делайте событие встроенным, поэтому ваш код должен выглядеть так:

viewRender: function(view, element) {
  // element.find('.fc-day-header').html('ZDAAD');
  const d = '<div class= "col-sm-12" id="my-id"><input type="checkbox" id="click" class="appointment-margin-checkbox"/></div>';
  element.find('.fc-axis:first').html(d);
  element.find('#my-id')[0].onclick = this.myEvent;
}
myEvent() {
  alert('it works')
}