Инструкция AngularJS ng-hide

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

Если результат вычисления выражения равен true,инструкцией ng-hide инструкцией скрывается элемент HTML.

инструкцией ng-hide также является предопределенным CSS классом в AngularJS и скрывает элемент с помощью. display установлено none.

Пример

Скрыть часть при выборе флажка:

Скрыть HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Добро пожаловать</h1>
<p>Добро пожаловать в мой дом.</p>
</div>

Попробуйте сами

Грамматика

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

Когда используется в качестве класса CSS:

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

Все элементы HTML поддерживают.

Параметры

Параметры Описание
expression Если выражение возвращает true, то скрывается элемент с выражением.