javascript - 当尝试访问树形菜单项单击中的 $state 时，this.$state 未定义

Question

我正在使用“angular-ui-tree”:“^2.22.5”

点击执行某事菜单项时出错..

TypeError: this.$state is undefined

如何将对 $state 的引用传递给我的函数..

我的 Controller :

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

您可以了解 this 在 Javascript 中的工作原理 here .

对于你的代码尝试

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'];

这样您就可以正确绑定(bind)函数doSomething。因此，每当调用它时，它的 this 都会保持一致。