kendo ui在AngularJS中上传onComplete上下文

Question

我使用 AngularJS 和剑道上传widjet。

HTML 标记：

<input name="files"
    kendo-upload
    type="file"
    k-complete="vm.onFilesUploadComplete"/>

控制器：

class MyController{
   constructor(){
      this.myImportantVar = false;
   }

   onFilesUploadComplete{
        this.myImportantVar = true; // << here 'this' points to another context, not to MyController
    }
}

vm - 是 MyController 的别名。

Complete 事件触发，但在事件处理程序内部我无法访问“myImportantVar”，因为“this”指向另一个上下文，而不是 MyController，上下文（某些角度的上下文），我无法继续。

如何访问“myImportantVar”？

Answer 1

使用angular.element获取控制器：

class MyController{
   constructor(){
      this.myImportantVar = false;
   }

   onFilesUploadComplete{
       var elem = angular.element(this);
       var vm = elem.controller(); 
       vm.myImportantVar = true; // << here 'this' points to another context, not to MyController
   }
}

有关详细信息，请参阅AngularJS element function API Reference - jQuery/jqLite Extras。