使用Angular 6以编程方式将样式或类添加到悬停按钮上

时间:2018-12-03 20:59:16

标签: angular typescript

假设我有这个按钮循环

    <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,然后在truefalse事件中将其设置为(mouseenter)(mouseleave)。 / p>

但是我不能这样做,因为它是一个*ngFor循环,它将反映在循环中的每个按钮上。有什么解决办法吗?预先感谢

0 个答案:

没有答案