ng-if
Директива AngularJS
Пример
Снимите флажок, чтобы удалить раздел:
Keep HTML: <input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div
ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
Определение и использование
Директива ng-if
удаляет элемент HTML, если выражение оценивается как ложное.
Если оператор if оценивается как true, копия элемента добавляется в DOM.
Директива ng-if
отличается от ng-hide, которая скрывает отображение элемента, где директива ng-if полностью удаляет элемент из DOM.
Синтаксис
<element ng-if="expression"></element>
Поддерживается всеми элементами HTML.
Значения параметров
Value | Description |
---|---|
expression | An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead. |