Почему у меня не работает angular5.2 Animation

Question

Я создал угловую анимацию для своего приложения. Вот код:

export const slideToRight = trigger('routerAnimate', [
  state('void', style({position: 'fixed', 'width': '100%', 'height': '70%'})),
  state('*', style({position: 'fixed', 'width': '100%', 'height': '70%'})),
  transition('void => *', [
    style({transform: 'translateX(-100%)'}),
    animate('5s ease-in', style({transform: 'translateX(0)'}))
  ]),

  transition('* => void', [
    style({transform: 'translateX(0)'}),
    animate('5s ease-out', style({transform: 'translateX(100%)'}))
  ])
]);`

И я использую HostBinding в моих Component.ts, как это

@HostBinding('@routerAnimate') state;

Кодслишком долго, поэтому это не опубликовано.посмотрите мой gitHub мое приложение почему не работает переход моей анимации большое спасибо

Answer 1

Ссылайтесь на источник .. онлайн 28-29: https://github.com/zhangManGod/task/blob/master/task/src/app/app.module.ts

В AppModule вы импортируете несколько модулей анимации (BrowserAnimationsModule и NoopAnimationModule)

Попробуйте удалить NoopAnimationModule (используйте только BrowserAnimationsModule)

В чем разница между BrowserAnimationsModule и NoopAnimationsModule?