どのようにどのように内部の高チャートのクリックイベントからtypescriptです関数を呼び出すために

Question

MyHighChartComponent.ts

export class MyHighChartComponent { 
    highchartsConfiguration: any = { 
     chart: { 
      events: { 
       click(e) { 
        if (!($(event.target)[0].textContent)) { 
         console.log('clicked'); //this is printing 
         this.drillDown(); // how to call typescript function here? 
        } 
       }, 
      }, 
     } 
    }; 

    drillDown() { 
     console.log('drill down method called'); 
    } 
} 

ハイチャートのクリックイベント内typescriptです関数を呼び出すには？ TypeError例外：

は、私は、エラーの下に

エラー・スタックを取得していますthis.drillDownisない機能

Answer 1

をあなたはクリックハンドラ内で同じコンテキスト（これを）維持するために、矢印機能を使用する必要があります。

それは次のようになります。

最初

export class MyHighChartComponent { 
    highchartsConfiguration: any = { 
     chart: { 
      events: { 
       click : (e) => { 
        if (!($(event.target)[0].textContent)) { 
         console.log('clicked'); //this is printing 
         this.drillDown(); // how to call typescript function here? 
        } 
       }, 
      }, 
     } 
    }; 

    drillDown() { 
     console.log('drill down method called'); 
    } 
}