У меня есть компонент со свойством «@Input», который получает синхронизацию анимации, в то время как свойство хронометража имеет значение, все работает как положено, но если оставить синхронизацию без значения, анимация не принимает егозначение времени по умолчанию.
Это анимация:
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