* ngFor中的CSS动画类？

Question

（Angular 5.2，tns 4和纯CSS动画。）

一段时间后，我一直在努力解决Freezy / stucky UI问题。

我有一个游戏4其中有一个图像".breath"类，这是什么，但动画scaleX和scaleY -无限。

经过一些用户操作，我将这4张图像更改为另外4张图像 ..

它们通过*ngFor填充：

<Image *ngFor="let o of options;let i = index"
               [class]="'breath'"
               [src]="'~/images/keys/'+o+'.png'"
               (tap)="onKeyTap2($event,o )">
 </Image>

一切顺利。 （而且我确实看到了4个动画图像）。

但是，如果我做一些导致数组重新填充的操作，那么UI会变得很粘滞。 （最终冻结）。

我对自己说：“ 也许当重新填充数组时，旧的动画不会停止并在某个地方继续下去，导致这个问题吗？ ”

因此，我添加了一个代码， 在重新填充之前 删除了.breath动画类。 -但随着时间的流逝，它变得粘稠并冻结。

但是后来我ngFor了-并创建了一个测试-我用4手动images 替换了 ngFor （每张images也都带有动画类）-

即使我进行了很多（很多！）操作，它也可以顺利运行（!!!）。 因此，我猜想ngFor和带有动画类的旧图像的问题在重新填充时（或类似的东西）不会ngFor

（顺便说一句-我已经添加了"markingMode": "none" ）

题：

处理*ngFor图像的正确方法是什么，每个图像都有动画类？