it-swarm.com.ru

видимость: скрыто в Angular 2

Каков предлагаемый способ достижения невидимости элемента в angular 2 (visibility:hidden не показывает элемент, но сохраняет его пространство занятым)? У него есть директива [hide], но похоже, что он похож на display:none

16
jesantana

Вы можете установить атрибут стиля visibility с помощью style закрепления :

<div [style.visibility]="'hidden'"></div>
<div [style.visibility]="isDivVisible ? 'visible' : 'hidden'"></div>

Пример показан в этот плункер .

44
ConnorsFan

Вы также можете использовать возможность angular для динамической проверки вашего свойства и обновления DOM с помощью NgStyle:

<div [ngStyle]="{'visibility':isDivVisible ? 'visible' : 'hidden'}"></div>

4
Lanou

Вы можете сделать ngIf, если не хотите, чтобы ваш компонент отображался в DOM.

Если вы хотите, чтобы этот компонент отображался, но не показывался, вы можете просто установить отображение на none, основываясь на условии с NgClass. Но имейте в виду, что это может привести к некоторому ошибочному поведению, попробуйте всегда использовать ngIf

0
Eduardo Vargas