AngularJS UIB崩溃行为到表列隐藏和显示

Question

在引导uib-collapse类中，动画行为仅适用于垂直div。 但是我需要表列具有相同的动画/动作行为，以在单击图标时显示或隐藏。

对于现在使用ng-show和ng-hide的动画，但这似乎似乎动画效果不好。

如何针对表列明智的NOT行实现相同的行为

Answer 1

uib-collapse有一个水平选项，您要做的就是为面板div添加一个名为“ horizo​​ntal”的附加属性，如下所示。

<div uib-collapse="isCollapsed" horizontal></div>

Answer 2

有一个issue让人想起这个问题，并且有一个解决方法，但是如前所述，不建议使用它。

  

进行一些进一步的研究，这似乎是一个长期存在的问题，其中包含为tr元素添加动画效果-我的建议是不要这样做。看起来，即使使用香草Bootstrap JS，也必须对其进行破解。

     

这是一个可行的解决方法-不幸的是，由于不是可修复的错误，我将解决此问题。幸运的是，正如我的Plunker所显示的，可以解决这个问题。