如何使用AngularJS显示和隐藏元素，同时仍然使用空间？

Question

我在AngularJS中有一个按钮。它是一排其他按钮。如何显示和隐藏此按钮但仍然使用空间？我尝试使用ng-show，但是当按钮被隐藏时，它不使用任何空间，并且它周围的所有其他按钮都会移动。

Answer 1

在你的CSS中，定位这样的元素：

.my-element.ng-hide {
    display: block!important;
    visibility: hidden;
}

（您可能需要显示inline-block或其他内容，重要的部分是覆盖none的{​​{1}}默认值

然后，您可以按照惯例

使用ng-hide作为属性