在angular 2动画中获取动态特性值

你好，我正在设计一个带有一些动画的angular 2应用程序。我想做的是根据州来制作一个div的动画

这是动画装饰

trigger('test', [
state('open', style({height: '300px'})),
state('close', style({height: '60px'})),
state('between', style({height: '*'})),
transition('* => between', [style({height: '*'}), // Dont get the height dynamically
animate('5000ms', style({height: '300px'}))]),
transition('closed <=> open', animate('1000ms'))
])

触发器（'test'[
状态（'open'，样式（{height:'300px'}）），
状态（'close'，样式（{height:'60px'}）），
状态（'between'，样式（{height:'*'}）），
transition（'*=>between'，[style（{height:'*'}），//不动态获取高度
动画（'5000ms'，样式（{height:'300px'}））]，
过渡（“闭合-打开”，动画（“1000ms”）
])

最初的情况是，状态为“关闭”，因此，当我单击“打开”按钮时，状态变为“打开”，div高度展开和收拢。单击按钮具有反之亦然的功能。这是正常工作

但我有其他功能，用户可以手动拖动div，div展开，因此我将状态更改为“介于之间”，因此当用户拖动div时，其高度必须更改为140px（假设）。所以我希望将140px高度指定给“介于”状态，动画应该从140px开始，而不是从60px开始

谁能告诉我哪里出了问题。我的角度是4