我一直在尝试动画一个*ngIf，但我注意到它只在第一个页面加载或刷新时动画

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    BrowserAnimationsModule
  ],
  // ...
})
export class AppModule { }

<div [@fadeInOut]="isVisible" *ngIf="isVisible" class="fade-in-out-element">
  <!-- 内容 -->
</div>

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css'],
  animations: [
    trigger('fadeInOut', [
      state('void', style({ opacity: 0 })),
      state('*', style({ opacity: 1 })),
      transition('void <=> *', animate('300ms')),
    ])
  ]
})
export class ExampleComponent {
  isVisible = false;

  toggleVisibility() {
    this.isVisible = !this.isVisible;
  }
}