如何使用Angular在鼠标上方查找当前元素文本?
这是我的代码:如何使用Angular在鼠标上方查找当前元素文本?,angular,Angular,这是我的代码: <ng-material-multilevel-menu (mouseover)="callMe($event)" mat-raised-button matTooltip={{tool}} [configuration]='config' class="nav" [items]='appItems' (selectedItem)="selectedItem($event)" (selec
<ng-material-multilevel-menu (mouseover)="callMe($event)" mat-raised-button matTooltip={{tool}} [configuration]='config' class="nav" [items]='appItems'
(selectedItem)="selectedItem($event)" (selectedLabel)="selectedLabel($event)">
</ng-material-multilevel-menu>
</nav>
如何在鼠标悬停事件上显示标签名称?解决方案1
使用domhtmljavascript
在index.html中
函数callMe(x){
console.log(x)
}
解决方案2使用typescript文件
在类型脚本文件中
callMe(x){
log(x.fromElement.innerHTML)
var doc=new DOMParser().parseFromString(x.fromfelement.innerHTML,“text/html”);
console.log(doc.firstChild)
console.log(doc.firstChild.lastChild.lastChild)
}
您尝试过$event.explicitOriginalTarget.innerText吗?没有。请您在callMe函数中详细说明一下,如果您记录$event.explicitOriginalTarget.innerText,它是否显示标签名称?如果是的话,你可以用它来展示。或者问题不在于如何获取标签名称,而在于如何显示它?不,它不显示标签名称。如果我控制台日志$event.explicitOriginalTarget.innerText,它将显示“无法读取未定义的属性'innerText'”
callMe($event){
console.log("Hello");
console.log("event",$event);
}