css - 如何在 Angular 2/4 中为动画状态指定类名?

原文 标签 css angular angular2-routing angular2-animation

我正在使用 4.1.3 版的 Angular 动画

这是下面的代码:

@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'))
    ])
  ]
...

现在,而不是 款式在状态中,我想给出现有的类名,即使用样式表中定义的类(即非内联样式)

那可能吗?如果是这样,请帮助。

最佳答案

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

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

https://css-tricks.com/css-animations-vs-web-animations-api/进一步阅读。

关于css - 如何在 Angular 2/4 中为动画状态指定类名?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46097379/

相关文章:

Angular 2 错误 : Attempt to use a destroyed view: detectChanges Error: Attempt to use a destroyed view: detectChanges at ViewDestroyedError

angular - 三级路由

Angular:找不到不同的支持对象 '[object Object]'

html - 悬停<tr>会影响表中的其他<tr>

html - 创建圆形的替代表CSS类

css - Float "edit"链接到标题右侧(必须保持标题标签 block )

javascript - 使 Canvas 透明

带有 Google Drive Realtime API 的 Angular 2

html - 嵌套 CSS 网格是不好的做法吗?

angular - 如何通过单击按钮重定向到 Angular 4 中的新页面?