要解决Angular路由动画在组件离开时不流畅的问题，可以尝试以下解决方法：

1. 使用缓动函数：在组件离开时，可以通过在路由动画中使用缓动函数来实现更平滑的过渡效果。例如，可以使用'ease-out'或'ease-in-out'等缓动函数来实现渐出或渐变效果。

示例代码：

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

export const routerTransition = trigger('routerTransition', [
  transition(':enter', []),
  transition(':leave', [
    style({ opacity: 1 }),
    animate('0.3s ease-out', style({ opacity: 0 }))
  ])
]);

2. 使用更短的动画持续时间：将动画的持续时间减少到合理的范围内，可以加快动画执行的速度，使其更流畅。可以通过减少动画的时间间隔或调整动画的持续时间来实现。

示例代码：

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

export const routerTransition = trigger('routerTransition', [
  transition(':enter', []),
  transition(':leave', [
    style({ opacity: 1 }),
    animate('0.2s', style({ opacity: 0 }))
  ])
]);

3. 使用硬件加速：通过使用CSS属性transform和translate3d可以启用硬件加速，从而提高动画的性能和流畅度。这可以通过在动画的样式中添加transform: translate3d(0, 0, 0)来实现。

示例代码：

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

export const routerTransition = trigger('routerTransition', [
  transition(':enter', []),
  transition(':leave', [
    style({ opacity: 1, transform: 'translate3d(0, 0, 0)' }),
    animate('0.3s ease-out', style({ opacity: 0, transform: 'translate3d(0, -100%, 0)' }))
  ])
]);

请注意，以上示例代码是基于Angular的动画模块实现的，需要将其导入到组件中，并在组件的模板中应用该动画。

希望这些解决方法能够解决Angular路由动画在组件离开时不流畅的问题。