AngularJS 1.6 + ES6 - 、私は私のコントローラ内のjQuery UIグリッド・コンポーネントを定義してい

Question

をコントローラには下記された縮小さ例jqueryのUIグリッドコールバックデータを返す：アイデアがある

class myController { 
    constructor($scope) {   

     this.$scope = $scope; 

     this.Grid = {        

      selectionSettings:{ 
       clientHandler:function(key,object,data){ 
        console.log(key); 
        console.log(object); 
        console.log(data);      
        console.log(this); 
        return data;       
        //the scope of this function is different from the controller scope.       
        }    
      } 
     } 

     receiver(data){ 
      doSomething(data); 
     } 
    ... 

をグリッド内のエントリを選択すると、clientHandler内の関数が起動されることを示します。私はこの場合、にそのデータをこのクラスの受信機機能に渡します。

しかしが異なるスコープにあるこのclientHandler機能とreceiver()以来、私はthisキーワードを使用して直接、そうすることはできませんよ。

他の回答は、同じを達成するために$scopeオブジェクトを使用することをお勧めしますが、私はそうすることはできません。

関数の呼び出しに必要なものreceiver()？

どのような指導も歓迎されます。

class dashboardController { 
    constructor(dashboardService, $scope) { 
     this.$scope = $scope;  

     var self = this; 

     this.Grid = { 

      selectionSettings:{     
       clientHandler:function(key,object,data){ 
        self.receiver(data);     
      }     
     } 

     receiver(data){ 
      this.selected = data; 
      this.$scope.$apply(); //to propagate the change to the UI, if needed 
     } 

    } 

Answer 1

おかげAdelinを

clientHandler: (key,object,data) => { 
    this.receiver(data); 
} 

Answer 2

ES6矢印機能がES6で、一般的に不要であるself = thisトリックを、字句thisを提供し、避けるために存在します：ヘッドアップ

ここでは、最終的な作業コードだのおかげで