web-dev-qa-db-ja.com

ng-邪魔なdivレイアウトを表示-angularJS

使ってます ng-show="!notesOpened"notesOpened変数がtrueの場合にdivを非表示にします。ただし、非表示にするとレイアウトが台無しになります。 ng-showをcssプロパティと同じように動作させる方法はありますかvisibility:hidden？非表示になっているdivの周りのすべてのdiv要素が同じ場所にとどまるようにします

javascriptcssangularjssingle-page-applicationng-show
23
FootsieNG

ng-hideは、参照しているのと同じプロパティ、つまりdisplay: noneを使用します。

これを実現する必要がある場合は、visibility: hidden;を使用する必要があります

そのためには、ng-class属性を使用できます。

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

  .vis-hidden{
     visibility: hidden;
  }
24
Pooja Shah

私はこれを機能させました

ng-style = "{visibility：notesOpened && 'visible' || 'hidden'}"

16
Himanth Kumar

代わりにng-classを試して、divにdisplay:noneのみを実行するクラスを与えることができます。

3
Fuzzyma