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

Question

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

Answer 1

在CSS中,将元素定位为:

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

(您可能想要inline-block或其他什么用于显示,重要的部分是覆盖none默认值ng-hide)

然后,您可以ng-show="showMyElement"按常规使用作为属性