Angular 2 this.generateTree ist keine Funktion

Question

Ich habe 2 Funktionen in meiner Komponente. onElementClick ist an ein Element in HTML gebunden. Also habe ich jedes Mal auf dieses Element klicken, erhalte ich:

this.showHalo ist keine Funktion

Warum ist dies ein Fall?

showHalo(view, opt) { 
    // Code 
} 

onElementClick(view) { 
// Code 
    function click() { 
    this.showHalo(view, { animation: true }); 
    } 
} 

Ich habe es sogar versucht, aber es ist die gleiche Sache.

myFunc(){ 
    console.log("TEST"); 
} 

onElementClick(view) { 
    self = this; 
    self.myFunc(); 
} 

Answer 1

korrigieren Sie Ihre this Zeiger. Wie:

showHalo(view, opt) { 
    // Code 
} 

onElementClick(view) { 
// Code 
var _this = this; 
    function click() { 
    _this.showHalo(view, { animation: true }); 
    } 
} 

Answer 2

Dieses Objekt ist im lokalen Funktionsumfang nicht verfügbar. Sie müssen dies der lokalen Bereichsvariablen zuweisen und sie in der Klickfunktion verwenden. Auch

showHalo() { 
    console.log('hihih') 
    } 

    onElementClick() { 
    console.log('2323'); 
    var self = this; 
    click(); 
    function click(){ 
     self.showHalo(); 
    } 

HTML