Angular 有没有办法检查一个元素是否有鼠标悬停？

有没有办法检查一个元素是否有鼠标悬停？这样我就可以编写像

Ishored这样的表达式了？a:b

目前，我必须依赖事件：

（mouseenter）=“isStarHover=true”（mouseleave）=“isStarHover=false”

您可以尝试使用

is（）

并检查选择器

：hover

---

var isHovered=$（'#elem'）。是（“：hover”）；//返回true或false

我在组件中使用@HostListener。如果我需要处理特定的元素，那么使用与指令提问（mouseenter）/（mouseleave）相同的解决方案

---

您不应该在Angular应用程序中像这样使用jQuery，所以这个答案不是很好。@dfsq请建议更好的解决方案

 @HostListener('mouseenter')
  public mouseenterListener(): void {
    this.hover = true;
  }

  @HostListener('mouseleave')
  public mouseleaveListener(): void {
    this.hover = false;
  }