gistfile1.txt

<div class="col-lg-6 px-3" [@routeState]="getAnimationData(rOutlet)" style="overflow: hidden">
    <router-outlet #rOutlet="outlet"></router-outlet>
</div>

animations: [
    trigger('routeState', [
      transition('* => *', [
        group([
          query(':enter', [
            style({
              transform: 'translateX(-100%)'
            }),
            animate('500ms ease-out')
          ], {optional: true}),
          query(':leave', [
            animate('500ms ease-out', style({
              transform: 'translateX(100%)'
            }),)
          ], {optional: true})
        ])
      ])
    ])
  ]
  
  getAnimationData(outlet: RouterOutlet) {
    const routeData = outlet.activatedRouteData['animation'];
    if (!routeData) {
      return 'login';
    }
    return routeData['page'];
  }
  
  Devi aggiungere tipo
  
  data: {animation: {page: 'accessinfo'}}
  
  alle route