angularjs - 如何在仍然使用空间的同时使用 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"作为通常的属性