Bố cục div xáo trộn ng-show - angularJS

Question

Tôi đang sử dụng ng-show="!notesOpened" để ẩn một div nếu biến notesOpened là đúng. Tuy nhiên khi ẩn nó messes lên bố trí. Có cách nào để làm cho hành động ng-show trong cùng một cách như tài sản css visibility:hidden? để tất cả các yếu tố div quanh div bị ẩn trú tại cùng một vị trí

Answer 1

ng-hide sử dụng thuộc tính tương tự mà bạn đang đề cập , tức là display: none.

Nếu bạn cần phải đạt được điều này, bạn cần sử dụng visibility: hidden;

Cho rằng bạn có thể sử dụng thuộc tính ng-class.

ví dụ: ng-class="{'vis-hidden': notesOpened==true}"

.vis-hidden{ 
    visibility: hidden; 
    } 

Answer 2

Bạn nên cố gắng ng-class thay vì để bạn có thể cung cấp cho các div một lớp học mà chỉ làm display:none

Answer 3

Tôi đã đã làm việc này

ng-style = "{visibility: notesOpened & & 'nhìn thấy' || 'ẩn'}"