Ejemplo
Desactive la casilla de verificación para eliminar una sección:
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>
Inténtalo tú mismo " Definición y Uso
El ng-if directiva elimina el elemento HTML si la expresión se evalúa como falsa.
Si la sentencia if se evalúa como verdadera, se añade una copia del elemento en el DOM.
El ng-if la directiva es diferente de la ng de piel que oculta la pantalla del elemento, fueron los ng -si Directiva elimina por completo el elemento del DOM.
Sintaxis
< element ng-if=" expression "></ element >Con el apoyo de todos los elementos HTML.
Los valores de los parámetros
| 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. |