Instrucción ng-if de AngularJS

Manual de referencia de AngularJS

Definición y uso

Si el resultado de la evaluación de la expresión es falso,ng-if La instrucción eliminará el elemento HTML.

Si el resultado de la evaluación de la condición if es verdadero, se añadirá una copia del elemento al DOM.

ng-if La directiva y ng-hide diferente,ng-hide Oculta la visualización del elemento, donde ng-if La directiva elimina completamente el elemento del DOM.

Ejemplo

Deshacer la selección del casillero para eliminar parte:

Mantener HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Bienvenido</h1>
<p>Bienvenido a mi hogar.</p>
<hr>
</div>

Prueba por ti mismo

Sintaxis

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

Todos los elementos HTML admiten.

Parámetros

Parámetros Descripción
expression

Si devuelve false, se eliminará completamente la expresión del elemento.

Si devuelve true, se insertará una copia del elemento.

Manual de referencia de AngularJS