我可以在一个子组件中使用输入变量来启动一个动画吗？

<!-- 子组件的模板 -->
<div [@myAnimationTrigger]="inputVariable">动画内容</div>

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

@Component({
  selector: 'app-child',
  template: `
    <div [@myAnimationTrigger]="inputVariable">动画内容</div>
  `,
  animations: [
    trigger('myAnimationTrigger', [
      state('start', style({
        // 定义动画开始时的样式
      })),
      state('end', style({
        // 定义动画结束时的样式
      })),
      transition('start => end', [
        // 定义动画过渡效果
        animate('500ms ease-out')
      ]),
    ])
  ]
})
export class ChildComponent {
  @Input() inputVariable: string;
}