文章/答案/技术大牛

发布

社区首页 >问答首页 >角分量悬停类动态

问角分量悬停类动态
EN

Stack Overflow用户

提问于 2020-08-27 05:37:02

回答 1查看 540关注 0票数 0

我有一个角分量，它以一个参数作为输入。如果用户悬停在元素上，则此参数确定要应用的类(不是是否应用类，而是当用户悬停在元素上时要应用的类名)。

这是组件的一个小缩写。

 @Input() hoverClassName: string;

在组件中，我有一个span元素，当用户悬停在元素上时，如何动态地将这个类应用于span元素，理想情况下，我正在寻找这样的东西

<span (onMouseOverClass)="hoverClassName"/>

这是不需要大量.ts代码就可以完成的事情吗？

回答已采纳

发布于 2020-08-27 05:47:39

您可以实现它，如下所示：

组件：

@Input() public hoverClassName: string;
public hovered: boolean;

模板：

<span 
  (mouseover)="hovered = true"
  (mouseout)="hovered = false"
  [ngClass]="hovered && hoverClassName">
</span>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63609814

复制

相似问题

问角分量悬停类动态EN