Angular 在角度动画中使用相同的触发器名称和变量名称

我有一堆向下箭头的图标，我需要旋转180度，我用角度动画来做这件事

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

它可以工作，但当我点击一个图标时，它会旋转所有的5个图标，我不想为每个触发器创建5个不同的变量或5个不同的触发器名称来做相同的事情，有人知道在点击时旋转一个箭头的方法吗

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