Свойство 'флажок' не существует для типа 'TElement'

Question

• Я новичок в машинописи.

• У меня есть рабочий прототип в скрипте, где, если я использую это, он не выдает никакой ошибки. http://jsfiddle.net/61ufvtpj/2/

• но в машинописном тексте я использую эту строку, если (this.checked) {выдает эту ошибку [ts] Свойство 'checked' не существует для типа 'TElement'.

• Можете ли вы сказать мне, как это исправить, чтобы в будущем я исправил это сам.
• с указанием соответствующего кода ниже и всего кода в сущности.

https://gist.github.com/niniyzni/4faea080e53eb0c7155ddd8fb635a46c

 $(document).on('change', '#playerFlagCheck', function () {

            if(this.checked){ //[ts] Property 'checked' does not exist on type 'TElement'.
                $('#editIconplayer').addClass("gridUpdateIcon");
                alert("I am inside if");
            }else{
                alert("I am inside else");
                if(!$('#editIconplayer').hasClass("gridUpdateIcon")){
                    $('#editIconplayer').removeClass("gridUpdateIcon");
                }
            }

        });

Answer 1

Попробуй. Вы также должны использовать опору или атрибут

 $(document).on('change', '#playerFlagCheck', function () {
       if($(this).is(':checked')) {
         $('#editIconplayer').addClass("gridUpdateIcon");
           alert("I am inside if");
         } else {
           alert("I am inside else");
           if(!$('#editIconplayer').hasClass("gridUpdateIcon")) {
             $('#editIconplayer').removeClass("gridUpdateIcon");
           }
         }

});

Answer 2

Ваш обработчик событий создает новый контекст, , чтобы узнать больше о check me . Таким образом, this больше не относится к самому контроллеру.

Это должно решить проблему:

const vm = this;
$(document).on('change', '#playerFlagCheck', function () {
   if(vm.checked) {
     $('#editIconplayer').addClass("gridUpdateIcon");
       alert("I am inside if");
     } else {
       alert("I am inside else");
       if(!$('#editIconplayer').hasClass("gridUpdateIcon")) {
         $('#editIconplayer').removeClass("gridUpdateIcon");
       }
     }

});