获取角度2动画中的动态属性值

Question

您好我正在设计一个带有一些动画的角度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'))
])

最初的情况是状态是否已关闭＆＃39;所以当我点击打开按钮时，状态变为“打开”状态。并且div高度扩展和折叠。单击按钮具有相反的功能。这工作正常。

但我确实有其他功能，用户可以手动拖动div并扩展div，然后我将状态更改为＆＃39;介于＆＃39;之间，当用户拖动div时，其高度必须已更改为140px（假设）。所以我希望将140px的高度分配到＆＃39;之间。状态和动画应该从140px而不是60px开始。

有人能告诉我哪里出错了。我的角度版本是4。