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

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

Если результат вычисления выражения равен false,ng-if Инструкции удалят элемент HTML.

Если результат вычисления условия if равен true, то копия элемента будет добавлена в DOM.

ng-if инструкции и ng-hide разныеng-hide Скрыть элемент, где ng-if Инструкции удаляют элемент полностью из DOM.

Пример

Отменить выбор флажка, чтобы удалить часть:

Сохранить HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Добро пожаловать</h1>
<p>Добро пожаловать в мой дом.</p>
<hr>
</div>

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

Синтаксис

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

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

Параметры