angularjs - 我怎样才能从 View 中隐藏 元素，但仍然让它们占用 AngularJS 的空间？

Question

我有以下内容:

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

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

有没有办法隐藏 <div class="grid-select"> 上的控件？所以他们是不可见的。请注意，我仍然希望它们用完空间，并且我仍然希望显示 block 边界 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/