角度6,默认动画参数不起作用

时间:2018-10-02 16:28:38

标签: angular6 angular-animations

我有一个具有“ @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

0 个答案:

没有答案