Angular ngx-bootstrap折叠不是动画的

Question

我正在使用angular 5和ngx-bootstrap,所以当我尝试添加一个collpase时,通过跟随折叠文档,我得到了一个工作示例但没有动画(折叠的分散并立即显示没有效果).

那么有没有办法展示动画？

Answer 1

这可能是整个项目的解决方案。

.collapse {
    transition: all 0.3s ease-out;
    display: block !important;
    overflow: hidden !important;
    max-height: 0;
}

.collapse.in {
    transition: all 0.5s ease-in;
    max-height: 9999px; /*any number which is lager than a height of any of your elements*/
}