0

我正在尝试将动画应用于 md 卡（尝试复制https://teradata.github.io/covalent/#/components/expansion-panel）...我能够获取视图并应用动画但是卡片展开/折叠时的过渡是平滑的，我无法获得。我在这里做了一个演示http://plnkr.co/edit/kvzSSbseT5cbOv054i2u?p=preview状态之间的转换很快。当我在演示中的卡片被点击时，我试图实现同样的动画......

animations: [
    trigger('animationState', [
        state('active', style({ height: '*' })),
        state('inactive', style({ height: '0px', display: 'none' })),
        transition('inactive => active', animate('150ms ease-out')),
        transition('active => inactive', animate('150ms ease-out'))
    ])
]

这些是我正在尝试应用的动画。有人可以帮我获得上面链接中的动画效果吗？

4

1 回答 1

0

我刚刚在 youtube 上看了这个教程。它为动画控制打下了良好的基础......

https://coursetro.com/posts/code/25/Understanding-Angular-2-Animations-Tutorial

于 2016-11-15T22:37:00.417 回答