Wait for all animations to finish before :leave in Angular 7 (@angular/animations)

readme.md

Wait for all animations to finish before :leave in Angular 7

Including child components.

@Component({
  ...
  animations: [
    trigger('host', [
      transition(':enter, :leave', [
        query('@*', animateChild(), {optional: true}),
      ]),
    ]),
  ...
})
export class MyComponent {
  @HostBinding('@host') hostTrigger: void;
  ...
}