如何从视图中隐藏<div>元素但仍然使用AngularJS占用空间？</div>

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;}