Последние учебники веб-разработки
 

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 - элемент , если выражение имеет значение ложь.

Если если заявление истинно, копия элемента добавляется в DOM.

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.