dies. $ Zustand nicht definiert ist, wenn in einem Baum Menüpunkt $ Zustand zuzugreifen versuchen

Question

klicken

Ich "angular-ui-tree": "^2.22.5"

Fehler zu verwenden, wenn ich auf den Punkt Do something Menü klicken ..

TypeError: this.$state is undefined 

Wie kann ich gehe einen Verweis auf $state meiner Funktion ..

MyController:

export class MyController { 

    public treeMenuItems = [ 
    { 
     'handleClick': this.doSomething, 
     'name': 'Do something' 
    } 
    ]; 
    public treeMenuPopover = { 
    'items': this.treeMenuItems, 
    'placement': 'bottom', 
    'title': 'Actions' 
    }; 

    constructor(public $state: ng.ui.IStateService) {} 

    public doSomething() { 
    this.$state.go('my.state'); 
    } 
} 
MyController.$inject = ['$state']; 

Answer 1

Sie können lesen, wie this in Javascript funktioniert here.

Für Ihren Code versuchen

export class MyController { 

    public treeMenuItems = [ 
    { 
     'handleClick': this.doSomething, 
     'name': 'Do something' 
    } 
    ]; 
    public treeMenuPopover = { 
    'items': this.treeMenuItems, 
    'placement': 'bottom', 
    'title': 'Actions' 
    }; 

    constructor(public $state: ng.ui.IStateService) { 
    this.doSomeThing = this.doSomething.bind(this); 
    } 

    doSomething() { 
    this.$state.go('my.state'); 
    } 
} 
MyController.$inject = ['$state']; 

diese Weise können Sie die korrekte diese die Funktion doSomething binden. Also, wann immer es heißt this wird konsistent sein.