我有一个具有“ @Input”属性的组件,可以接收动画的定时,而timing属性具有的值都可以按预期工作,但是如果不给定时设置任何值,则动画不会采用它默认计时值。
这是动画:
import { trigger, state, style, animate, transition, AnimationTriggerMetadata } from '@angular/animations';
export const Expand: AnimationTriggerMetadata =
trigger('expandState', [
state('hide', style({
height: 0,
overflow: 'hidden'
})),
state('show', style({
height: '*',
overflow: 'hidden'
})),
transition('hide <=> show', animate('{{timing}}'), {params: {timing: '250ms ease-in-out'}}),
]);
实现:
<div
[@expandState]="{value: animationState, params: {timing: timing}}">
<!-- Content -->
</div>
当我尝试运行该应用程序时收到此错误:
ERROR TypeError: Cannot read property 'toString' of undefined