angularjs - 我该如何隐藏视图中的元素，但仍然让它们占用 AngularJS 的空间？

Question

我有以下内容：

   <div class="block-border">
       <div class="grid-select">
            <div class="clearfix">
               ...
               ...
            </div>
        </div>
   </div>

表单区域是在屏幕加载后填充数据的控件。虽然人口仍在进行中，但我有一个变量 $scope.loading 具有非零值。当加载完成时，该值将为零。

有没有办法可以隐藏控件上的控件，<div class="grid-select">使它们不可见。请注意，我仍然希望它们用完空间，并且我仍然想显示块边界 DIV。

Answer 1

尝试css'类似的visibility: hidden;东西：

<style>
 .hidden{
   visibility:hidden;
 }
</style>

<div class="grid-select" ng-class="{'hidden': loading!=0 }">

示例：http: //jsfiddle.net/cherniv/YJ2R7/

Answer 2

角度标记：
<div class="grid-select" ng-class="{'isLoading': loading}">

CSS
.grid-select {visibility: hidden;}
.isLoading {visibility: visible;}