在Angular中,Component.ts中的node.name不是有效的表达式,因此无法正常工作。要获取Component的节点名称,可以使用ElementRef类。例如,假设我们有一个简单的组件,其中我们要访问它的节点名称:
import { Component, ElementRef } from '@angular/core';
@Component({
selector: 'my-app',
template: `Hello {{myName}}
`
})
export class MyApp {
myName: string;
constructor(private elem: ElementRef) {
this.myName = this.elem.nativeElement.nodeName.toLowerCase();
}
}
在这个例子中,我们使用ElementRef类的.nativeElement属性来获取当前组件的DOM元素,并使用它的nodeName属性来获取其节点名称。最后,我们将节点名称转换为小写并将其分配给myName变量。现在,我们可以在模板中使用{{myName}}来显示节点名称。