"Использование visibility:hidden в Angular 2"
Каков рекомендуемый способ достижения невидимости элемента в Angular 2 (применение visibility:hidden не показывает элемент, но при этом сохраняет занимаемое им пространство)? У меня есть директива [hide], но она, похоже, аналогична display:none.
2 ответ(ов)
Вы также можете использовать возможности Angular для динамического изменения свойств и обновления DOM с помощью NgStyle:
<div [ngStyle]="{'visibility': isDivVisible ? 'visible' : 'hidden'}"></div>
Этот код позволяет управлять видимостью элемента div на основе значения переменной isDivVisible. Если переменная истинна, элемент будет видимым, в противном случае — скрытым.
Вы можете использовать ngIf, если вы не хотите, чтобы ваш компонент отображался в DOM.
Если вы хотите, чтобы компонент был в DOM, но не отображался, вы можете просто установить display: none в зависимости от условия с помощью NgClass. Однако будьте осторожны, это может привести к проблемам с поведением. Рекомендуется всегда использовать ngIf.
Angular: условный класс с *ngClass
Перенос строки в HTML с использованием '\n'
Медиа-запросы: Как нацелиться на десктоп, планшет и мобильные устройства?
Как сделать перенос строки с помощью CSS, не используя <br />?
Как адаптировать ширину flex-элемента к содержимому?