ng-if
Directiva AngularJS
Ejemplo
Desmarque una 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>
Definición y uso
La ng-if
directiva elimina el elemento HTML si la expresión se evalúa como falsa.
Si la declaración if se evalúa como verdadera, se agrega una copia del Elemento en el DOM.
La ng-if
directiva es diferente de ng-hide, que oculta la visualización del elemento, mientras que la directiva ng-if elimina por completo el elemento del DOM.
Sintaxis
<element ng-if="expression"></element>
Compatible con todos los elementos HTML.
Valores paramétricos
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. |