使用带有angular-ui选项卡的flexbox布局

Question

我不想使用带有角度ui标签的flexbox布局（ui.bootstrap.tabs）。我有这个傻瓜：

http://plnkr.co/edit/9ToL1WLwgDVT0DldMnaa

我更改了ui-template，因此所有div都获得了flexbox类。标签内容div仍然没有填满完全可用的空间。

有什么想法吗？

Answer 1

我找到了解决方案。这是一个更新的plunker：

http://plnkr.co/edit/oswSGYApFj9sSohms0FS?p=preview

关键是覆盖'.tab-content＆gt; .active'类的显示属性。默认情况下，它设置为'display：block'。它必须设置为'display：flex'。