我可以在“角度动画”中为一个状态添加多个过渡属性吗？

Question

我有这个触发器

// for marginTop    
animate('300ms 200ms ease-in')

//for opacity
animate('100ms 0ms ease-out');

我可以向一个州添加多个过渡属性吗？

replacements = {
  'LF': 'Low Fat',
  'low fat':'Low Fat', 
  'reg': 'Regular',
}

df.replace(replacements, inplace=True)

Answer 1

简而言之：是的，可以，但是不会同时执行。

将多个animate方法添加到transition方法中：

transition('*=>*', [
        animate(300, style({ marginTop: '0px' })),
        animate(100, style({ opacity: 1 }))
      ])

动画将由1依次执行。因此，marginTop将首先执行，完成后，opacity将执行

Answer 2

我认为答案是通过使用group()函数

sample

transition('*=>*', [
  animate('300ms 200ms ease-in', style({ marginTop: '0px' })),
  animate('100ms 0ms ease-out', style({ opacity: 1 }))
])