Question

在我的“ home.components.ts”中，我有一个动画部分，如下所示：

animations: [
  trigger('goals', [
    transition('* => *', [
      query(':enter', style({ }), {optional: true})
    ])
  ])]

因此该面应有其应有的呈现，但是当我要添加这样的样式时...

animations: [
  trigger('goals', [
    transition('* => *', [
      query(':enter', style({opacity: 0}), {optional: true})
    ])
  ])]

只有空白页（不适用于任何样式属性）。

有人知道发生了什么吗？谢谢。

Answer 1

您应该添加这样的动画部分：

animations: [
  trigger('goals', [
    transition('* => *', [
      query(':enter', 
        [
          style({opacity: 0}),
          animate('0.2s', style({opacity: 1}))
        ],
        {optional: true})
    ])
  ])]

这应该可以解决问题，还是我错过了这个问题？

角动画查询样式的空白页

1 个答案: