无法获取更改事件处理函数以处理文件上载窗口小部件

Question

我正在尝试触发文件上传字段的“更改”事件。我可以让它在另一个文件中工作，但不是在这个文件中。我将调试器代码放在函数更改侦听器中，以检查它是否进入内部，但它不会进入该函数内部。控制台中没有错误。

我的代码以及指向小提琴的链接如下：

https://jsfiddle.net/rb9L0qaf/

 <label class="fileContainer dragAndDropHolder" >
                    {{dragDrop}}
                    <input type="file" id="attachKickBrowseSim" [class.disabled]="isFingersLocked" (change)="changeListener($event)" />
                  </label>&nbsp;&nbsp;

    /* On Change */
  changeListener($event) : void {
      this.swimming($event.target);
  }

  /*Encode File*/
  swimming(inputValue: any): void { 
    var foul = this;
      var file:File = inputValue.files[0];

        var myReader:FileReader = new FileReader();
        myReader.onloadend = (e) => {
        this.encodeBase64 = myReader.result;
        foul.fileSelect=$("#attachKickBrowseSim").val().replace(/^.*\\/, "");
      if(foul.fileSelect==''){
        foul.dragDrop = foul.clearSim;
      }else{
        foul.dragDrop= "";
        foul.dragDrop= foul.fileSelect;
      }
        }
        $('.addMouseKickForm').show();
        if(inputValue.files.length>0)
        {
          myReader.readAsDataURL(file); 
        }


  }