如何在component.ts中创建带有参数的@angular/动画？

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css'],
  animations: [
    trigger('animationName', [
      state('state1', style({
        // 定义状态1的样式
      })),
      state('state2', style({
        // 定义状态2的样式
      })),
      transition('state1 => state2', [
        // 定义状态1到状态2的过渡动画
      ]),
      transition('state2 => state1', [
        // 定义状态2到状态1的过渡动画
      ])
    ])
  ]
})
export class ExampleComponent implements OnInit {
  @Input() animationParameter: string;

  constructor() { }

  ngOnInit() {
  }
}

<div [@animationName]="animationParameter"></div>

<app-example [animationParameter]="'state1'"></app-example>