Comment appeler la fonction dactylographiée intérieur événement click haut graphique

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'); 
    } 
} 

Comment appeler une fonction dactylographiée de graphiques à l'intérieur de haut événement click?

Je reçois ci-dessous erreur

erreur Stack: TypeError: this.drillDownis pas une fonction

Answer 1

Vous devez utiliser une fonction de flèche pour conserver le même contexte (ce) dans le gestionnaire de clic.

Il ressemblerait à ceci:

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'); 
    } 
}