1

我有一堆向下箭头图标，我需要旋转 180 度，我使用 Angular Animations 来执行此操作

  <ion-icon
    name="ios-arrow-down"
    (click)="rotateArrow()"
    [@arrowRotation]="state"></ion-icon>

我有 5 个使用相同的 @arrowRotationon 触发器和相同的变量“状态”的图标，在函数中我称之为

  rotateArrow() {
this.state = this.state === 'default' ? 'rotated' : 'default';}

它可以工作，但是当我单击一个图标时，它会旋转所有 5 个图标，并且我不想为每个触发器创建 5 个不同的变量或 5 个不同的触发器名称来做同样的事情，任何人都知道单击时只旋转一个箭头的方法?

4

0 回答 0