假设我有这个按钮循环
<button
*ngFor="let item of items"
[ngStyle]="{'color': fontColor}"
(click)="selectedItem = item"
class="dropdown-item">
<span class="font-weight-bold text-center">
{{ item.quantity }}
</span>
{{ item.measurementUnit }}
</button>
我想在悬停时设置其他颜色,但是我无法通过CSS伪选择器来设置颜色,因为我正在从其他组件获取颜色作为输入。
我已经看到一些解决方案,它们声明一个变量onHover
,然后在true
和false
事件中将其设置为(mouseenter)
或(mouseleave)
。 / p>
但是我不能这样做,因为它是一个*ngFor
循环,它将反映在循环中的每个按钮上。有什么解决办法吗?预先感谢