从无效到状态的角度动画将不起作用

Question

我有以下动画：

trigger('EnterLeave', [
    transition('start => void', [
      animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
    ]),
    transition('void => stop', [
      state('void', style({ transform: 'translateX(-100%)' })),
      animate('300ms ease-out', style({ transform: 'translateX(0%)' }))
    ]),
    transition('stop => void', [
      animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
    ])
  ]);

<div *ngFor="let task of tasks" class="row mt-5" [@EnterLeave]="animation">
</div>

In .ts:
animation = 'stop';

唯一无效的过渡是void =>停止。我也尝试过void => *，但是这样也行不通。

我想要的只是内容从左进入。

有人在这里看到这个问题吗？我已经尝试解决了一段时间。