Почему анимация не работает в приложении Angular 5? - PullRequest
Новая
       15

Почему анимация не работает в приложении Angular 5?

0 голосов
/ 13 июня 2019

Я пытаюсь разработать первую анимацию в приложении Angular 5, и она не работает.Что я сделал до сих пор подробно:

  1. app.module.ts 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
   imports: [
      BrowserModule,
      ...
      BrowserAnimationsModule,
      ...

В моем компоненте: 

import { trigger,style,transition,animate,keyframes,query,stagger } from '@angular/animations';

animations: [

      trigger('slideOut', [
          transition('* => void', [
            style({height: '*'}),
            animate('2000ms ease-out', style({height: 0})),
          ])
        ])

    ]

Здесьэто шаблон: 

 <div [@slideOut] class="alert alert-success alert-dismissible fade in" role="alert">
    <button type="button" class="close"><span aria-hidden="true">&times;</span></button>
        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
    All is good!
</div>

Есть идеи, что мне здесь не хватает?Нужно ли что-то устанавливать?

...