javascript - 如何在 Jquery 函数中使用 Angular 4 变量

Question

这个问题已经得到了一些回应here .但这似乎对我不起作用。

我正在尝试使用 jQuery 创建一个树结构。问题是我不能在 jQuery 函数中使用声明的 angular 4 变量。这是代码。

employees = ["Mr. John", "Mr. Steve"];

ngOnInit() {
   (function($) => {
      function OrgChart($container, opts){
          console.log(this.employees);
      }
   });
}

我在控制台中看到一条错误消息，“当以 ES3 或 ES5 为目标时，在严格模式下不允许在 block 内声明函数”

Answer 1

第一个(employees of undefined 问题)

要绑定(bind)组件的“this”，对函数使用箭头符号:

($) => { console.log(this.employees)}

代替 function($) { ... }

第二(“函数声明不允许在 block 内”)

您可以在 Angular 组件的另一个地方声明您的其他内部函数，然后引用它:

ngOnInit() {
    // this declaration is nonsense to me, this will declare a function that is never called and exists only here, but anyway... 
    ($) => {
        // you can call OrgChart here : 
        this.OrgChart()
    } 
}

OrgChart($container, opts) { 
    console.log(this.employees); 
}