css - 如何以角度 2/4 为动画状态赋予类名？

Question

我正在使用版本 4.1.3 的角度动画

这是下面的代码：

@Component({
  selector : 'my-fader',
  animations: [
    trigger('visibilityChanged', [
      state('true' , style({ opacity: 1, transform: 'scale(1.0)' })),
      state('false', style({ opacity: 0, transform: 'scale(0.0)'  })),
      transition('1 => 0', animate('300ms')),
      transition('0 => 1', animate('900ms'))
    ])
  ]
...

现在，我想给出现有的类名而不是状态中的样式，即使用样式表中定义的类（即不是内联样式）

那可能吗？如果是这样，请帮忙。

Answer 1

你不能。我也在寻找类似的解决方案。

Angular Animations 使用 Web Animations API 而不是 CSS。

有关进一步阅读，请参阅https://css-tricks.com/css-animations-vs-web-animations-api/。