Инструкция 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, то скрывается элемент с выражением. |