从JQuery调用Angular函数以进行拖放文件上传功能

Question

我试图在不使用kendo ui，ng-prime等的情况下在angular 8中实现拖放功能！ 拖放与JQuery一起使用，但是我无法在JQuery代码中调用角度函数或访问角度分量变量。 有什么方法可以调用角度函数，这是实现此功能的最佳方法吗？

ngOnInit() {

$(document).ready(function () {

  var obj = $("#dragandrophandler");
  obj.on('dragenter', function (e) {
    e.stopPropagation();
    e.preventDefault();
    $(this).css('border', '2px solid #0B85A1');
  });
  obj.on('dragover', function (e) {
    e.stopPropagation();
    e.preventDefault();
  });
  obj.on('drop', function (e) {
    $(this).css('border', '2px dotted #0B85A1');
    e.preventDefault();
    var files = e.originalEvent.dataTransfer.files;
    //need to call the function here
    this.addFile();// not working
  });
  $(document).on('dragenter', function (e) {
    e.stopPropagation();
    e.preventDefault();
  });
  $(document).on('dragover', function (e) {
    e.stopPropagation();
    e.preventDefault();
    obj.css('border', '2px dotted #0B85A1');
  });
  $(document).on('drop', function (e) {
    e.stopPropagation();
    e.preventDefault();
  });

});
}

public addFiles(files: any): void {
  //do something with files
}

我希望函数能够被执行，但是函数不会被调用。 收到此错误：未捕获的TypeError：无法读取未定义的属性'addFiles'