angular 8.0 项目中使用 this.router.navigate 报错：TypeError: Cannot read property 'navigate' of undefined ？

Question

1.问题描述：

在 angular 8.0搭建的项目中，使用 jstree 树结构的时候，在 箭头函数里面使用了 this.router.navigate(['pages/devicemanage/ccap/id', clickedNode.id]);
进行路由的跳转。报错如下：
TypeError: Cannot read property 'navigate' of undefined。

2.具体代码如下所示：

    items['detail'] = {
      "label": "Detail",
      "icon": "fas fa-info",
      "action": ((obj)=> {
        var inst = jQuery.jstree.reference(obj.reference);
        var clickedNode = inst.get_node(obj.reference);
        this.router.navigate(['pages/devicemanage/ccap/id', clickedNode.id]);
        localStorage.setItem('ccapIp', clickedNode.ip);
      }),
    };

Google 了很久，一直找不到合适的答案，想请教一下各位大神，非常感谢！

Answer 1

你这个是变量的作用域你没搞仔细
在你的 "action":((obj)=>{});里边的this就不是外面component的this了。
在前面声明一个别名保存component的this就可以了

 let self = this;
 items['detail'] = {
      "label": "Detail",
      "icon": "fas fa-info",
      "action": ((obj)=> {
        let inst = jQuery.jstree.reference(obj.reference);
        let clickedNode = inst.get_node(obj.reference);
        self.router.navigate(['pages/devicemanage/ccap/id', clickedNode.id]);
        localStorage.setItem('ccapIp', clickedNode.ip);
      }),
    };