Angular 2获取附加到它的所有变量。在控制器中

Angular 2是一种流行的前端开发框架，用于构建单页应用程序。要获取附加到Angular 2控制器的所有变量，可以使用以下方法：

使用@ViewChild装饰器：@ViewChild装饰器允许我们在组件中获取对子组件、指令或DOM元素的引用。通过在控制器中使用@ViewChild装饰器，可以获取对附加变量的引用。例如：

import { Component, ViewChild } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div #myVariable>Some content</div>
  `
})
export class MyComponent {
  @ViewChild('myVariable') myVariable: ElementRef;

  ngAfterViewInit() {
    console.log(this.myVariable.nativeElement);
  }
}

在上面的示例中，我们使用了一个名为myVariable的模板引用变量，并使用@ViewChild装饰器将其绑定到控制器的myVariable属性上。在ngAfterViewInit生命周期钩子中，我们可以通过this.myVariable.nativeElement访问到附加的变量。

使用ngAfterViewInit生命周期钩子：ngAfterViewInit是Angular生命周期中的一个钩子函数，当组件的视图初始化完成后调用。在ngAfterViewInit中，可以通过DOM查询或访问模板引用变量来获取附加的变量。例如：

import { Component, AfterViewInit, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div #myVariable>Some content</div>
  `
})
export class MyComponent implements AfterViewInit {
  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    const myVariable = this.elementRef.nativeElement.querySelector('#myVariable');
    console.log(myVariable);
  }
}

在上面的示例中，我们注入了ElementRef依赖，并在构造函数中将其保存在私有属性elementRef中。然后，在ngAfterViewInit中，我们使用this.elementRef.nativeElement.querySelector('#myVariable')来获取附加的变量。

这些方法可以帮助您在Angular 2中获取附加到控制器的所有变量。请注意，这些方法适用于Angular 2及更高版本。