类型“TElement”上不存在属性“已检查”

Question

• 我是打字稿的新手。

• 我在小提琴中有一个工作原型，如果我使用它，它不会抛出任何错误。 http://jsfiddle.net/61ufvtpj/2/

• 但在打字稿中我使用这一行 if(this.checked){ 它会抛出此错误 [ts] 类型 'TElement' 上不存在属性 'checked'。

• 能否告诉我如何修复它，以便我以后自己修复它。
• 在下面提供相关代码，在 gist 中提供完整代码。

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

试试看。你也应该使用 prop 或 attr

 $(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

您的事件处理程序正在创建一个新上下文 to more about 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");
       }
     }

});