我正在使用Angular 2.0.1。
我正在尝试创建一个手风琴组件,区域是通过动画折叠和扩展的。手风琴内的内容是动态的,可以是任何高度 - 所以我也希望能够设置一个特定的手风琴内容的高度,由动画强制执行。 (说,400px
)
对于动画,我在height: '0px'
和height: '*'
之间切换。
然后我想,使用动画回调,我可以在start
(和done
)的特定手风琴内容上设置高度。
这种作品,这就是问题所在 - 当我扩展区域时,首先达到其全高,然后将自己设置为400px
在崩溃时,首先将设置为全高,然后逐渐降低。
这是一个例子(只需按下按钮): http://plnkr.co/edit/Etn2qTZ7APZBXmf4Ws5H?p=preview&open=app%2Fapp.component.ts
为了不让动画像这样跳,我该怎么办?