angular2 ng2-bootstrap折叠动画解决方法

Question

我知道由于angular2的指令动画支持不可用，目前ng2-bootstrap中的动画代码被注释掉了。

因此，我通过在我的组件中使用angular2＆＃39; s来创建一个变通方法。

animations: [
  trigger('slideMenu', [
    state('true', style({ height: '0px' })),
    state('false', style({ height: '*' })),
    transition('1 => 0', animate('200ms ease-in')),
    transition('0 => 1', animate('200ms ease-out'))
  ]),
]

更新：我有plunker示例：https://plnkr.co/edit/iVffRLUhzp43DXo5BYlJ?p=preview（如果无法加载示例，请点击停止并多次运行按钮。它最终会有效。）

我希望上面的动画代码在折叠时展开和滑入效果时创建出色效果。但是，动画仅在扩展时有效。当我试图折叠菜单时，它就消失了，没有任何动画。

我想知道是否有人试图为slide-int和slide-out垂直创建折叠菜单的工作方法。

提前致谢。