ng-hide导致布局中断

Question

我发现ng-hide表现得像display：none，这可能会破坏我的布局，是否有任何方法可以使类似于可见性的表现，以便保留元素＆＃39;放置？

Answer 1

ngHide使用预定义的类，通过更改其位置来移动元素。

您可以简单地将班级.ng-hide覆盖到您想要的任何内容。在另一个带有.ng-hide标志的CSS中添加!important类，它应该可以正常工作。或者，您可以使用相同的方式使用ng-class，使用您选择的类。

所以而不是

<div ng-hide="myValue"></div> 

我们将

<div ng-class="{myClass:myValue}"></div>

但是myClass在哪里你想要隐藏你的元素。例如：

.myClass
{
    visibility:hidden;
}

Answer 2

相反，您可以使用 ng-switch. 它有条件地根据范围表达式应用DOM模板。