Angular中Component.ts中的node.name无法正常工作”
创始人
2024-10-31 01:00:47
0

在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}}来显示节点名称。

相关内容

热门资讯

透视好友!德普辅助器辅助器怎么... 透视好友!德普辅助器辅助器怎么用(透视)私人局辅助器(总是是有挂)1、下载好德普辅助器辅助器怎么用辅...
透视透视挂!aapoker万能... 透视透视挂!aapoker万能辅助器(透视)真的假的(真是有挂)1、进入游戏-大厅左侧-新手福利-激...
透视插件!德普之星辅助器app... 透视插件!德普之星辅助器app(透视)透视辅助软件(确实是真的有挂);该软件可以轻松地帮助玩家将德普...
透视了解!aapoker插件(... 透视了解!aapoker插件(透视)辅助插件工具(原来是真的有挂);亲,关键说明,aapoker插件...
透视神器!德普之星辅助器(透视... 透视神器!德普之星辅助器(透视)私人局辅助免费(竟然是真的有挂);1、用户打开应用后不用登录就可以直...
透视黑科技!aapoker辅助... 透视黑科技!aapoker辅助工具安全吗(透视)万能辅助器(都是是有挂)1、该软件可以轻松地帮助玩家...
透视实锤!aapoker脚本(... 透视实锤!aapoker脚本(透视)插件下载(果然真的是有挂)1、aapoker脚本透视辅助简单,a...
透视脚本!德普之星辅助器(透视... 透视脚本!德普之星辅助器(透视)私人局辅助免费(本来真的是有挂)1)德普之星辅助器辅助挂:进一步探索...
透视玄学!aapoker安装包... 透视玄学!aapoker安装包怎么使用(透视)万能辅助器(竟然是真的有挂)aapoker安装包怎么使...
透视软件!德普之星有辅助软件吗... 透视软件!德普之星有辅助软件吗(透视)辅助器(好像是真的有挂)1、完成德普之星有辅助软件吗透视辅助安...