2

私は次のものを持っています：

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

フォーム領域には、画面が読み込まれるとデータが入力されるコントロールがあります。人口がまだ進行中ですが、ゼロ以外の値を持つ変数 $scope.loading があります。ロードが完了すると、この値はゼロになります。

コントロールを非表示にして表示され<div class="grid-select">ないようにする方法はありますか。それでもスペースを使い切ってもらいたいので、ブロック境界 DIV を表示したいことに注意してください。

4

2 に答える 2

6

visibility: hidden;次のようなcssを試してください：

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

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

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

于 2013-11-11T11:13:07.443 に答える
1

Angular マークアップ:
<div class="grid-select" ng-class="{'isLoading': loading}">

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

于 2013-11-11T11:15:53.537 に答える