动画回调中的Angular 2设置高度

时间:2016-11-28 18:01:47

标签: angular

我正在使用Angular 2.0.1。

我正在尝试创建一个手风琴组件,区域是通过动画折叠和扩展的。手风琴内的内容是动态的,可以是任何高度 - 所以我也希望能够设置一个特定的手风琴内容的高度,由动画强制执行。 (说,400px

对于动画,我在height: '0px'height: '*'之间切换。

然后我想,使用动画回调,我可以在start(和done)的特定手风琴内容上设置高度。

这种作品,这就是问题所在 - 当我扩展区域时,首先达到其全高,然后将自己设置为400px

在崩溃时,首先将设置为全高,然后逐渐降低。

这是一个例子(只需按下按钮): http://plnkr.co/edit/Etn2qTZ7APZBXmf4Ws5H?p=preview&open=app%2Fapp.component.ts

为了不让动画像这样跳,我该怎么办?

0 个答案:

没有答案