ng-show令人不安的div佈局 - angularJS

2014-04-14 18 views 23 likes

如果notesOpened變量爲true，我正在使用ng-show="!notesOpened"來隱藏div。但是，如果隱藏起來，它會混淆佈局。有沒有辦法使ng-show的行爲與css屬性visibility:hidden相同？讓周圍的DIV所有div元素被隱藏在同一個地方住宿ng-show令人不安的div佈局 - angularJS

來源

2014-04-14 FootsieNG

回答

ng-hide使用您提到了相同的屬性到，即display: none。

如果你需要做到這一點，你需要使用visibility: hidden;

對於您可以使用ng-class屬性。

如：ng-class="{'vis-hidden': notesOpened==true}"

.vis-hidden{ 
    visibility: hidden; 
    }

來源

2014-04-14 13:09:49

你應該嘗試ng-class代替你可以給DIV一個類只能做display:none

來源

2014-04-14 13:05:35 Fuzzyma

沒有'display：hidden'，只有'display：none'和'visibility：hidden'這樣的東西＃ –

Right，corrected – Fuzzyma

我有這方面的工作

NG風格= 「{能見度：notesOpened & & '可見' || '隱藏'}」

來源

2014-09-23 11:03:41

shd被接受的答案 – Lakshay

相關問題

1. 惱人的css + div佈局
2. Onsenui infinit scroll + AngularJS ngShow
3. android佈局不令人耳目一新
4. 材質AngularJS ngShow和ngHide
5. AngularJS指令導致與頁面佈局
6. AngularJS - 當父div使用ngShow動畫時，ngView消失
7. 不同div 2列布局
8. DIV佈局
9. 在DIV佈局
10. CSS，div佈局？