Стиль запроса угловой анимации пустая страница

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})
    ])
  ])]

это должно сработать, или я пропустил вопрос?