angular 2无法在函数内引用变量

Angular 2是一种流行的前端开发框架，它提供了一种组件化的方式来构建现代化的Web应用程序。在Angular 2中，函数内引用变量的问题可能是由于作用域的限制导致的。

在Angular 2中，组件是应用程序的基本构建块，每个组件都有自己的作用域。在函数内部，无法直接引用组件的变量，因为函数的作用域与组件的作用域是不同的。

解决这个问题的一种常见方法是使用箭头函数。箭头函数继承了其定义时的上下文，因此可以在函数内部引用组件的变量。例如：

export class MyComponent {
  myVariable: string = "Hello";

  myFunction = () => {
    console.log(this.myVariable); // 可以在函数内部引用组件的变量
  }
}

在上面的示例中，我们使用箭头函数来定义myFunction，这样就可以在函数内部引用myVariable变量。

另一种解决方法是使用bind方法将函数绑定到组件的上下文。例如：

export class MyComponent {
  myVariable: string = "Hello";

  constructor() {
    this.myFunction = this.myFunction.bind(this);
  }

  myFunction() {
    console.log(this.myVariable); // 可以在函数内部引用组件的变量
  }
}

在上面的示例中，我们在组件的构造函数中使用bind方法将myFunction绑定到组件的上下文，这样就可以在函数内部引用myVariable变量。

总结起来，要在函数内部引用Angular 2组件的变量，可以使用箭头函数或将函数绑定到组件的上下文。这样可以解决函数内引用变量的问题。