Angular ngx-bootstrap 崩溃不是动画

Question

我使用的是 angular 5 和 ngx-bootstrap，所以当我尝试添加 collpase 时，按照折叠 docs ，我得到了一个工作示例，但没有动画(折叠消失并立即出现，没有效果)。

那么有没有办法显示动画呢？

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*/
}