Angular 状态之间的过渡动画仅针对一种状态正确设置动画
Angular transition animation between states only animating correctly for one state
我正在尝试将可扩展行添加到 angular material table，因此我找到了一个示例。我通过将 angular 版本升级到 ^7.0.0 来修改示例，突然从 'collapsed' 转换到 'expanded' 时动画停止工作。 Here is a stackblitz demonstrating the problem。如果您单击一行以展开它，在短暂的延迟后该行会立即展开。然后，如果您再次单击该行将其折叠，动画将正常运行。我怎样才能修复动画，以便展开的行正确动画？
只要保持动画高度
state('expanded', style({height: '*'})),
state('collapsed', style({height: '0px'})),
display: 'none'} 看起来有问题。
https://stackblitz.com/edit/angular-lb7n8q-ldwsld?file=app/table-expandable-rows-example.ts
我正在尝试将可扩展行添加到 angular material table，因此我找到了一个示例。我通过将 angular 版本升级到 ^7.0.0 来修改示例，突然从 'collapsed' 转换到 'expanded' 时动画停止工作。 Here is a stackblitz demonstrating the problem。如果您单击一行以展开它，在短暂的延迟后该行会立即展开。然后，如果您再次单击该行将其折叠，动画将正常运行。我怎样才能修复动画，以便展开的行正确动画？
只要保持动画高度
state('expanded', style({height: '*'})),
state('collapsed', style({height: '0px'})),
display: 'none'} 看起来有问题。
https://stackblitz.com/edit/angular-lb7n8q-ldwsld?file=app/table-expandable-rows-example.ts