Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Angular在鼠标上方查找当前元素文本?_Angular - Fatal编程技术网

如何使用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);
  }