修改数组值之一，导致所有数组值在角度动画中重新计算

Question

我生成了16个单元格，理想的是，当圆元素进入和离开时，单击每个单元会显示一个带有动画的圆。 在这种情况下，我遇到了两个问题： 1）圆离开时过渡不起作用。 2）快速添加和删除一个圆有时会导致另一个圆重新渲染。

my code sample

app.component.html

<TouchableHighlight underlayColor='none' />

app.component.ts

<div class="card">
  <div class="circlecell" *ngFor="let circle of circles; let i=index" data-id="{{i}}" (click)="OnShow(i)">
          <div class="circle" [@show] *ngIf="circle"></div>
      </div>
</div>

Answer 1

我想通了，我应该添加一个trackby，而不添加一个trackby，ngFor无法跟踪正确的单元格。