如何用角度动画进行无限旋转？

Question

我需要一个div来旋转无限。所以，我制作了这个动画：

animations: [
    trigger('rotate', [
        transition(':enter', [style({transform: 'rotate(-360deg)'}), animate('2000ms')])
    ])
]

它旋转，但在2秒后停止。这是逻辑。但是如何使旋转是无限的呢？

Answer 1

在角6中不支持animation-iteration-count属性。存在一个开放的GitHub问题，要求对它进行支持。

https://github.com/angular/angular/issues/20621

您可以轻松地在CSS中定义无限的动画。

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count

一个人创建了一个演示，演示如何使用回调角进行无限动画。

https://angular-animations-demo.firebaseapp.com/loop-demo