AngularJS ng-ifDirectiva
Manual de referencia de AngularJS
Ejemplo de AngularJS
Desmarcar y eliminar contenido:
Conservar 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>
<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
Pruébalo »
Definición y uso
ng-ifLa directiva se utiliza para eliminar un elemento HTML cuando la expresión es falsa.
Si el resultado de la ejecución de la sentencia if es verdadero, el elemento eliminado se vuelve a agregar y se muestra.
ng-ifLa directiva es diferente de ng-hide; ng-hide oculta el elemento, mientras queng-ifesta elimina el elemento del DOM.
Sintaxis
<element ng-if="expression"></element>
Todos los elementos HTML admiten esta directiva.
Valor del parámetro
| Valor | Descripción |
|---|---|
| expression | Si la expresión devuelve falso, se elimina el elemento completo; si devuelve verdadero, se agrega el elemento. |
Otras extensiones