访问angular 2中的模板变量className属性

在Angular 2中，模板变量是通过在HTML模板中使用#符号来定义的。模板变量可以用于引用模板中的元素、组件或指令，并且可以在组件类中进行访问和操作。

要访问Angular 2中的模板变量的className属性，首先需要在模板中定义一个模板变量，然后在组件类中使用@ViewChild装饰器来获取对该模板变量的引用。

以下是一个示例：

在HTML模板中：

<div #myElement className="my-class">Hello, World!</div>

在组件类中：

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

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  @ViewChild('myElement', { static: true }) myElement: ElementRef;

  ngAfterViewInit() {
    console.log(this.myElement.nativeElement.className);
  }
}

在上面的示例中，我们在div元素上定义了一个模板变量#myElement，并设置了className属性为my-class。然后，在组件类中使用@ViewChild装饰器将myElement与模板变量关联起来，并通过nativeElement属性访问原生DOM元素。最后，在ngAfterViewInit生命周期钩子中，我们可以通过this.myElement.nativeElement.className来获取className属性的值。

关于Angular 2的模板变量和@ViewChild装饰器的更多信息，可以参考腾讯云的Angular开发文档：

https://cloud.tencent.com/document/product/1130/38934