ng-hideДиректива AngularJS


Пример

Скрыть раздел при установленном флажке:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

Определение и использование

Директива ng-hideскрывает элемент HTML, если выражение оценивается как истинное.

ng-hideтакже является предопределенным классом CSS в AngularJS и устанавливает для элемента displayзначение none.


Синтаксис

<element ng-hide="expression"></element>

При использовании в качестве класса CSS:

<element class="ng-hide"></element>

Поддерживается всеми элементами HTML.


Значения параметров

Value Description
expression An expression that will hide the element if the expression returns true.