如何在角度 2/4 中为动画状态指定类名?

问题描述

我使用的是 4.1.3 版的角度动画

I am using angular Animations with version 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'))
    ])
  ]
...

现在，代替 style 状态，我想给出现有的类名，即使用样式表中定义的类(即非内联样式)

Now, instead of style in state I would like to give existing class name i.e using the class defined in style sheets (i.e Not inline styles)

这可能吗?如果是这样，请帮忙.

Is that possible? If so please help.

推荐答案

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

You can't. I was also looking for a similar solution.

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

Angular Animations use the Web Animations API and not CSS.

参见 https://css-tricks.com/css-动画-vs-web-animations-api/ 以供进一步阅读.

See https://css-tricks.com/css-animations-vs-web-animations-api/ for further reading.

这篇关于如何在角度 2/4 中为动画状态指定类名?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！