javascript - 从Angular中的不同范围获取变量和调用函数

Question

我在 ngOnInit() 中有一个本地函数，它是由我正在使用的库自动触发的。我必须将它作为 ngOnInit 中的本地函数。

问题- 我无法访问在该角度组件中声明的变量或调用函数。

    export class MyComponent implements OnInit {
    message= "Hello";
    OuterFunction(){
      console.log("Outer Function called");
    }
    ngOnInit(): void { 
    console.log('msg0: ',this.message);  
    function  compulsoryFunction() {
    console.log('msg: ',this.message);
    this.OuterFunction();
    }

错误如下：

组件中定义的变量或函数是否默认不公开？

提前致谢！

Answer 1

您可以使用箭头函数更改this上下文。

export class MyComponent implements OnInit {
  message = 'Hello';

  OuterFunction() {
    console.log('Outer Function called');
  }

  ngOnInit() {
    console.log('msg0: ', this.message);

    const compulsoryFunction = () => {
      console.log('msg: ', this.message);
      this.OuterFunction();
    };
  }
}