Angular 2有没有办法访问动画元数据中的组件逻辑或元素样式值

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css'],
  animations: [
    trigger('myAnimation', [
      state('start', style({
        opacity: 0
      })),
      state('end', style({
        opacity: 1
      })),
      transition('start => end', animate('500ms')),
      transition('end => start', animate('500ms'))
    ])
  ]
})
export class MyComponent implements OnInit {
  animationState: string;

  ngOnInit() {
    this.animationState = 'start';
  }

  toggleAnimation() {
    this.animationState = this.animationState === 'start' ? 'end' : 'start';
  }

  onAnimationDone(event: AnimationEvent) {
    // 在动画完成时触发的回调函数
    // 可以在这里访问组件逻辑或元素样式值
    console.log('Animation done');
    console.log('Component logic:', this.someComponentLogic);
    console.log('Element style:', event.element.style);
  }
}