Angular bootstrap 动画选项卡转入但不转出

Question

我正在尝试在页面上选择不同的选项卡时添加动画幻灯片效果。到目前为止，它只工作了一半。

我正在使用 animate.css，因为我希望它可以使事情变得非常简单，但我发现过渡似乎只影响内容进入，而不是退出（即内容正确反弹） ，但不会滑出）。

我看到了这个未回答的问题，它似乎解决了同样的问题，但没有帮助我找到答案 (https://stackoverflow.com/questions/19961952/angularjs-1-2-animations-with-animate-css-hide-animation-doesnt-seem-to-fire)。

谁能指出我正确的方向？

戳这里：http://plnkr.co/edit/cERDGS2zvUxOyqboFZXT?p=preview

谢谢

Answer 1

您可以在选项卡区域内覆盖引导程序的 css：

.tab-content>.tab-pane {
    display: none;
}

与

.tab-content>.tab-pane {
    display: block;
}

然后你可以做一些 CSS/JS 技巧来绝对定位其他元素，这样它就不会超出布局。我实际上有同样的问题。我看到了这篇文章，我认为它也帮助我解决了我的问题。谢谢，我希望这会有所帮助。

我的朋友：http://plnkr.co/edit/tgpyZq3JD1hwxtwCwWv8?p=preview